.sjp{--flaeche:var(--welt-flaeche);--rand:var(--welt-rand);--text:var(--welt-text);--leise:var(--welt-leise);--chip:#224753;--papier:#f7f3ea;--papier-rand:#ddd6c6;--tinte:#0f2a35;--tinte-leise:#50666f;--los-text:#0f4c5c;--uhr:#17788a;--ring:#7fd8e6;--gut:#5fd68c;--gut-grund:#143b2d;--falsch:#ff8a80;--falsch-grund:#3e1f22;--k-dunkelblau:#2f4fb5;--k-gruen:#56bc53;--k-gelb:#f5c24b;--k-rot:#d8432f;-webkit-tap-highlight-color:transparent;min-height:0;line-height:1.375}.sjp button{-webkit-user-select:none;user-select:none;cursor:pointer}.sjp button:disabled{cursor:default}.sjp .schub{flex:1;min-height:0}.sjp .leise{color:var(--leise)}.sjp .mitte{text-align:center}.sjp .klein{font-size:.95rem}.sjp .winzig{font-size:.8rem}.sjp .klein.ta{margin-top:-.307em;margin-bottom:-.169em}.sjp .winzig.ta{margin-top:-.228em;margin-bottom:-.235em}.sjp .tl{font-family:var(--font-display);font-synthesis:none;letter-spacing:.01em;margin-top:-.125em;margin-bottom:-.15em;font-weight:400;line-height:1}.sjp .tl.u{margin-bottom:.04em}.sjp .ta{margin-top:-.28em;margin-bottom:-.18em;line-height:1.375}.sjp .ta12{margin-top:-.1925em;margin-bottom:-.0925em;line-height:1.2}.sjp>.ta:last-child{margin-bottom:0}.sjp .paar{gap:10px;display:grid}.sjp .titel{font-size:1.75rem}.sjp .titel.tl{margin-top:-.151em;margin-bottom:-.123em}.sjp .titel.tl.u{margin-bottom:.067em}.sjp .titel.gross{font-size:2.25rem}.sjp .titel.gross.tl{margin-top:-.11em;margin-bottom:-.168em}.sjp .titel.gross.tl.u{margin-bottom:.017em}.sjp .meldung{background:var(--falsch-grund);color:#ffd9d3;text-align:center;border-radius:12px;padding:8px 12px;font-weight:700}.sjp .zweit{border:2px solid var(--rand);background:var(--flaeche);border-radius:14px;flex:none;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;padding:0 16px;font-size:1.05rem;font-weight:700;line-height:1.2;display:flex}.sjp .zweit svg{flex:none;width:20px;height:20px}.sjp .leitung{flex:none;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.sjp .leitung.zwei{grid-template-columns:repeat(2,1fr)}.sjp .leitung .zweit{gap:6px;min-height:46px;padding:0 6px;font-size:.95rem}.sjp .leitung .zweit svg{width:16px;height:16px}.sjp .knoepfe{flex:none;gap:10px;display:grid}.sjp .knoepfe.reihe{grid-template-columns:1.55fr 1fr}.sjp .knoepfe.reihe .zweit{text-align:left;height:100%;min-height:0;padding:0 8px;font-size:.95rem;line-height:1.15}.sjp .kasten{background:var(--flaeche);border:1px solid var(--rand);border-radius:18px;flex:none;gap:14px;padding:14px;display:grid}.sjp .kasten b{font-size:1.1rem}.sjp .namen{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sjp .name{background:var(--papier);height:76px;color:var(--los-text);font-family:var(--font-display);border-radius:16px;font-size:1.75rem;line-height:1}.sjp .name:disabled{opacity:.6}.sjp .name.drin{background:var(--flaeche);border:2px solid var(--rand);color:var(--leise);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.sjp .name.drin span{font-size:1.5rem}.sjp .name.drin small{font-family:var(--font-ui);font-size:.8rem;font-weight:700}.sjp .eigener{gap:10px;display:flex}.sjp .code{background:var(--flaeche);border:1px solid var(--rand);border-radius:18px;flex:none;align-items:center;gap:14px;padding:14px;display:flex}.sjp .code .qr{background:var(--papier);border-radius:12px;flex:none;width:96px;height:96px;overflow:hidden}.sjp .code .qr svg{width:100%;height:100%}.sjp .code .worte{gap:10px;min-width:0;display:grid}.sjp .code .marke{letter-spacing:.12em;text-transform:uppercase;color:var(--leise);font-size:.8rem;font-weight:700;line-height:1}.sjp .code .zahl{font-family:var(--font-display);letter-spacing:.08em;font-variant-numeric:tabular-nums;margin-block:-.125em -.15em;font-size:3rem;line-height:1}.sjp .code .hilfe{color:var(--leise);font-size:.85rem}.sjp .liste{flex-direction:column;flex:0 auto;gap:10px;min-height:0;margin:0;padding:0;list-style:none;display:flex}.sjp .liste>*{flex:50px;max-height:50px}.sjp .liste.rang>*{flex-basis:58px;max-height:58px}.sjp .plaetze{flex:none;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none;display:grid}.sjp .platz{background:var(--flaeche);border:1px solid var(--rand);border-radius:14px;align-items:center;gap:6px;min-width:0;height:50px;padding:0 6px 0 14px;display:flex}.sjp .platz b{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:1.15rem;overflow:hidden}.sjp .platz .nr{width:22px;font-family:var(--font-display);color:var(--leise);text-align:center;flex:none;font-size:1.1rem}.sjp .mini{width:40px;height:40px;color:var(--leise);border-radius:10px;flex:none;place-items:center;display:grid}.sjp .mini svg{width:20px;height:20px}.sjp .mini:disabled{opacity:.3}.sjp .schalter{border:1px solid var(--rand);background:var(--flaeche);text-align:left;border-radius:16px;flex:none;align-items:center;gap:12px;min-height:56px;padding:8px 14px;display:flex}.sjp .schalter .worte{flex:1;gap:4px;min-width:0;line-height:1.2;display:grid}.sjp .schalter b{font-size:1.05rem}.sjp .schalter small{color:var(--leise);font-size:.85rem}.sjp .schalter i{background:#091a22;border-radius:16px;flex:none;width:56px;height:32px;position:relative}.sjp .schalter i:after{content:"";background:var(--papier);border-radius:50%;width:24px;height:24px;position:absolute;top:4px;left:4px}.sjp .schalter[aria-checked=true] i{background:var(--uhr)}.sjp .schalter[aria-checked=true] i:after{left:28px}.sjp .kacheln{gap:10px;display:grid}.sjp .kat{border:2px solid var(--rand);background:var(--flaeche);min-height:76px;font-family:var(--font-display);letter-spacing:.01em;text-align:left;border-radius:18px;justify-content:space-between;align-items:center;gap:10px;padding:0 18px;font-size:1.45rem;line-height:1.1;display:flex}.sjp .kat.gewaehlt{background:var(--papier);color:var(--los-text);border-color:var(--papier)}.sjp .kat.blass{opacity:.5}.sjp .kat svg{flex:none;width:26px;height:26px}.sjp .wer{flex-wrap:wrap;flex:none;justify-content:center;gap:6px;display:flex}.sjp .wer span{background:var(--chip);height:30px;color:var(--leise);border-radius:15px;align-items:center;gap:5px;padding:0 10px;font-size:.88rem;font-weight:700;line-height:1;display:inline-flex}.sjp .wer span.da{color:var(--text)}.sjp .wer svg{width:14px;height:14px;color:var(--gut)}.sjp.leiter .wer{flex-wrap:nowrap;gap:5px}.sjp.leiter .wer span{border-radius:13px;min-width:0;height:26px;padding:0 7px;font-size:.8rem}.sjp.leiter .wer svg{display:none}.sjp.leiter .wer span.da{background:var(--papier);color:var(--tinte)}.sjp .fragekarte{background:var(--papier);color:var(--tinte);border-radius:22px;flex:none;gap:14px;padding:14px;display:grid;box-shadow:0 10px 24px #00000047}.sjp .fk-kopf{justify-content:space-between;align-items:center;gap:12px;min-height:40px;display:flex}.sjp .fk-kat{gap:6px;min-width:0;display:grid}.sjp .kat-name{font-size:1.1rem;font-weight:700}.sjp .kat-name .zusammen{white-space:nowrap}.sjp .kat-name .neu{box-sizing:border-box;background:var(--uhr);color:#fff;letter-spacing:.08em;text-transform:uppercase;vertical-align:2.25px;border-radius:999px;height:17px;margin-left:8px;padding:0 7px 0 calc(7px + .08em);font-size:.6875rem;font-style:normal;font-weight:700;line-height:17px;display:inline-block}.sjp .liebling{color:#8a5a00;align-items:center;gap:5px;font-size:.85rem;font-weight:700;line-height:1;display:flex}.sjp .liebling svg{flex:none;width:12px;height:12px}.sjp .stufe{letter-spacing:.09em;text-transform:uppercase;color:var(--tinte-leise);flex:none;align-items:center;gap:8px;font-size:.78rem;font-weight:700;line-height:1;display:flex}.sjp .stufe b{width:30px;height:40px;font-family:var(--font-display);letter-spacing:0;color:#10203a;background:var(--k-gruen);font-variant-numeric:tabular-nums;border-radius:7px;place-items:center;font-size:1.45rem;font-weight:400;line-height:1;display:grid;box-shadow:0 0 0 2px #fff,0 2px 5px #0000004d}.sjp .stufe b.mittel{background:var(--k-gelb)}.sjp .stufe b.schwer{background:var(--k-rot);color:#fff}.sjp .frage{text-align:center;text-wrap:balance;font-size:1.7rem;font-weight:700}.sjp .frage.mittel{font-size:1.5rem}.sjp .frage.lang{font-size:1.3rem}.sjp.leiter .frage{font-size:1.45rem}.sjp.leiter .frage.mittel{font-size:1.3rem}.sjp.leiter .frage.lang{font-size:1.15rem}.sjp .frage.ta12{margin-top:-.196em;margin-bottom:-.073em}.sjp .frage.mittel.ta12{margin-top:-.209em;margin-bottom:-.06em}.sjp.leiter .frage.ta12{margin-top:-.156em;margin-bottom:-.096em}.sjp .frage.lang.ta12,.sjp.leiter .frage.mittel.ta12{margin-top:-.171em;margin-bottom:-.099em}.sjp.leiter .frage.lang.ta12{margin-top:-.187em;margin-bottom:-.071em}.sjp .uhr{align-items:center;gap:12px;display:flex}.sjp .uhr .bahn{background:var(--papier-rand);border-radius:6px;flex:1;height:12px;position:relative;overflow:hidden}.sjp .uhr .bahn i{background:var(--uhr);border-radius:6px;position:absolute;inset:0}.sjp .uhr b{font-family:var(--font-display);text-align:right;font-variant-numeric:tabular-nums;min-width:2ch;margin-block:-.125em -.15em;font-size:1.6rem;font-weight:400;line-height:1}.sjp .uhr.steht .bahn i{background:var(--tinte-leise);opacity:.55}.sjp .uhr.steht b{color:var(--tinte-leise)}.sjp .uhr .wort{color:var(--tinte-leise);font-size:.85rem;font-weight:700;line-height:1}.sjp .antworten{flex:1;grid-auto-rows:minmax(48px,1fr);gap:10px;min-height:0;max-height:362px;display:grid}.sjp.leiter .antworten{grid-auto-rows:minmax(44px,1fr)}.sjp .antw{border:2px solid var(--rand);background:var(--flaeche);text-align:left;border-radius:18px;align-items:center;gap:12px;min-height:0;padding:6px 14px 6px 12px;font-size:1.3rem;font-weight:700;line-height:1.15;display:flex}.sjp .antworten.eng .antw{font-size:1.12rem}.sjp.leiter .antw{font-size:1.15rem}.sjp.leiter .antworten.eng .antw{font-size:1.02rem}.sjp .bst{background:var(--chip);width:36px;height:36px;font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:1.2rem;font-weight:400;line-height:1;display:grid}.sjp.leiter .bst{width:32px;height:32px;font-size:1.1rem}.sjp .antw .txt{flex:1;min-width:0}.sjp .antw .log{flex:none;display:none}.sjp .antw .log svg{width:22px;height:22px;display:block}.sjp .antw.gewaehlt{background:var(--papier);border-color:var(--papier);color:var(--tinte)}.sjp .antw.gewaehlt .bst{background:var(--los-text);color:#fff}.sjp .antw.gewaehlt .log{color:var(--los-text);display:block}.sjp .antw.blass{opacity:.6}.sjp .enth{border:2px dashed var(--rand);min-height:54px;color:var(--leise);border-radius:16px;flex:none;justify-content:center;align-items:center;gap:8px;font-size:1.15rem;font-weight:700;line-height:1.15;display:flex}.sjp .enth svg{width:20px;height:20px;display:none}.sjp .enth.gewaehlt{border-style:solid;border-color:var(--leise);background:var(--chip);color:var(--text)}.sjp .enth.gewaehlt svg{display:block}.sjp .banner{border:2px solid var(--rand);background:var(--flaeche);border-radius:22px;flex:none;align-items:center;gap:14px;padding:14px;display:flex}.sjp .banner .worte{gap:10px;min-width:0;display:grid}.sjp .banner h3{font-size:1.8rem}.sjp .banner p{font-size:1.1rem;font-weight:700}.sjp .banner.gut{background:var(--gut-grund);border-color:var(--gut)}.sjp .banner.gut h3{color:var(--gut)}.sjp .banner.falsch{background:var(--falsch-grund);border-color:var(--falsch)}.sjp .banner.falsch h3{color:var(--falsch)}.sjp.leiter .banner{border-radius:18px;padding:10px 14px}.sjp.leiter .banner .worte{gap:8px}.sjp.leiter .banner h3{font-size:1.35rem}.sjp.leiter .banner p{font-size:.92rem}.sjp.leiter .karten{width:40px}.sjp.leiter .karten i{border-width:2px;border-radius:6px;width:24px;height:34px}.sjp.leiter .karten i+i{margin-left:-12px}.sjp .karten{flex:none;justify-content:center;width:52px;display:flex}.sjp .karten i{background:var(--k-dunkelblau);border:2.5px solid var(--papier);border-radius:7px;width:30px;height:42px;display:block}.sjp .karten i+i{margin-left:-14px;transform:rotate(10deg)translateY(2px)}.sjp .loesung{background:var(--papier);color:var(--tinte);border-radius:18px;flex:none;gap:14px;padding:14px;display:grid}.sjp .loesung .f{color:var(--tinte-leise);font-size:.95rem}.sjp.leiter .loesung .f{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sjp .loesung .r{align-items:center;gap:10px;font-size:1.25rem;font-weight:700;line-height:1.15;display:flex}.sjp .loesung .r .bst{background:var(--k-gruen);color:#0b2a1a;width:32px;height:32px;font-size:1.1rem}.sjp .zeile{background:var(--flaeche);text-align:left;border:2px solid #0000;border-radius:14px;align-items:center;gap:10px;width:100%;min-height:40px;padding:4px 14px 4px 12px;display:flex}.sjp .zeile .n{flex:1;gap:2px;min-width:0;font-size:1.08rem;font-weight:700;line-height:1.15;display:grid}.sjp .zeile .n small{color:var(--leise);font-size:.8rem;font-weight:400;line-height:1.15}.sjp .zeile .a{width:30px;height:30px;font-family:var(--font-display);background:var(--chip);color:var(--leise);border-radius:50%;flex:none;place-items:center;font-size:1.05rem;line-height:1;display:grid}.sjp .zeile .z{text-align:right;flex:none;font-size:.95rem;font-weight:700;line-height:1.15}.sjp .zeile.gut .a{background:var(--gut);color:#0b2a1a}.sjp .zeile.gut .z{color:var(--gut)}.sjp .zeile.falsch .a{background:var(--falsch);color:#3e1b1b}.sjp .zeile.falsch .z{color:var(--falsch)}.sjp .zeile.enthalten .z{color:var(--leise)}.sjp .zeile.ich{border-color:var(--ring)}.sjp .stand{color:var(--leise);flex-wrap:wrap;flex:none;justify-content:center;gap:4px 14px;font-size:.92rem;display:flex}.sjp .stand b{color:var(--text);font-variant-numeric:tabular-nums}.sjp .prow{background:var(--flaeche);text-align:left;cursor:pointer;border:2px solid #0000;border-radius:14px;align-items:center;gap:6px;width:100%;min-height:40px;padding:0 10px 0 14px;display:flex}.sjp .prow.aktiv{border-color:var(--ring)}.sjp .prow.schlecht{border-color:var(--falsch)}.sjp .prow .pn{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:1.08rem;font-weight:700;overflow:hidden}.sjp .prow .px{color:var(--falsch);text-align:right;min-width:44px;font-size:.78rem;font-weight:700}.sjp .prow .pv{text-align:right;min-width:52px;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.6rem;line-height:1}.sjp .prow .pv.leer{color:var(--leise)}.sjp .fahne{width:40px;height:40px;color:var(--leise);border-radius:10px;flex:none;place-items:center;display:grid}.sjp .fahne svg{width:22px;height:22px}.sjp .fahne.an{background:var(--falsch-grund);color:var(--falsch)}.sjp .tasten{flex:none;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.sjp .taste{background:var(--flaeche);border:1px solid var(--rand);height:46px;font-family:var(--font-display);border-radius:14px;place-items:center;font-size:1.6rem;line-height:1;display:grid}.sjp .taste svg{width:26px;height:26px}.sjp .rang .zeile .p{width:26px;font-family:var(--font-display);color:var(--leise);text-align:center;flex:none;font-size:1.25rem;line-height:1}.sjp .rang .zeile .t{font-family:var(--font-display);text-align:right;font-variant-numeric:tabular-nums;min-width:44px;font-size:1.7rem;line-height:1}.sjp .rang .zeile.vorn{background:var(--gut-grund)}.sjp .zeile .n small.bilanz{flex-wrap:wrap;gap:0 9px;font-size:.78rem;display:flex}.sjp .bilanz b{font-weight:700}.sjp .bilanz .leicht b{color:var(--gut)}.sjp .bilanz .mittel b{color:var(--k-gelb)}.sjp .bilanz .schwer b{color:var(--falsch)}.sjp .rang .zeile.vorn .p{color:var(--gut)}.sjp .vorstellung{border:2px solid var(--rand);background:var(--flaeche);border-radius:22px;align-items:center;gap:14px;padding:14px;display:flex}.sjp .vorstellung p{flex:1;font-size:1.05rem}.sjp .zeichen{background:var(--papier);width:53px;height:74px;color:var(--los-text);font-family:var(--font-display);border-radius:10px;flex:none;place-items:center;font-size:2.6rem;line-height:1;display:grid;transform:rotate(-7deg);box-shadow:0 6px 14px #00000059}.sjp .schritte{color:#dbe6ea;gap:6px;margin:0;padding-left:1.25rem;list-style:decimal;display:grid}.sjp .regeltabelle{gap:10px;display:grid}.sjp .regel{background:#142f3a;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.sjp .regel b{min-width:5.5rem;font-size:1rem}.sjp .regel span{flex:1;font-size:1rem;line-height:1.25}.sjp .regel.gut b{color:var(--gut)}.sjp .regel.falsch b{color:var(--falsch)}