@layer theme,base;@layer components{.lp .lp-check{--lpc-ink:#071c30;--lpc-ink-2:#1d3044;--lpc-weich:#4a5866;--lpc-leise:#6a7784;--lpc-linie:#071c301a;--lpc-linie-2:#071c3029;--lpc-royal:#1e51f5;--lpc-royal-2:#1540d4;--lpc-royal-hell:#dce6ff;--lpc-gruen:#0b7a57;--lpc-gruen-hell:#e4f4ec;--lpc-koralle:#e8643c;--lpc-koralle-hell:#fcebe4;--lpc-karte:#f4f2ed;--lpc-leer:#ecebe5;--lpc-anzeige:var(--font-fraunces), Georgia, "Times New Roman", serif;--lpc-sans:var(--font-inter), system-ui, -apple-system, "Segoe UI", sans-serif;--lpc-mono:var(--font-jetbrains), ui-monospace, Menlo, monospace;--lpc-schatten:0 0 0 1px #071c3012, 0 2px 4px #071c300a, 0 18px 40px -18px #071c3038;--lpc-kurve:cubic-bezier(.2, .75, .2, 1);--lpc-ton:#dce6ff;--lpc-kopf:64px;color:var(--lpc-ink);font-family:var(--lpc-sans);-webkit-font-smoothing:antialiased;padding:64px 20px 0;scroll-margin-top:64px;font-size:17px;line-height:1.5}.lp .lp-check[data-kurs="34a"]{--lpc-ton:#dce6ff}.lp .lp-check[data-kurs="26a"]{--lpc-ton:#dff3ea}.lp .lp-check[data-kurs="34d"]{--lpc-ton:#d6e0ff}.lp .lp-check[data-kurs="34f"]{--lpc-ton:#fbefd6}.lp .lp-check[data-kurs="34i"]{--lpc-ton:#fbe9e1}.lp .lp-check h2{font-family:var(--lpc-anzeige);letter-spacing:-.022em;text-wrap:balance;margin:0;font-size:32px;font-weight:500;line-height:1.06}.lp .lp-check .vor{max-width:46ch;color:var(--lpc-ink-2);margin:12px 0 0;font-size:17px;line-height:1.5}.lp .lp-check .karte{box-shadow:var(--lpc-schatten);scroll-margin-top:calc(var(--lpc-kopf) + 12px);background:#fff;border-radius:20px;margin-top:24px;padding:16px 16px 18px}.lp .lp-check .karte-kopf{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.lp .lp-check .kacheln{gap:3px;display:flex}.lp .lp-check .kacheln i{background:var(--lpc-leer);border-radius:3px;width:12px;height:12px;transition:background .25s,transform .25s}.lp .lp-check .kacheln i.da{box-shadow:inset 0 0 0 2px var(--lpc-ink);background:#fff}.lp .lp-check .kacheln i.gut{background:var(--lpc-gruen)}.lp .lp-check .kacheln i.nein{background:var(--lpc-koralle)}.lp .lp-check .zaehler{font:600 13px/1 var(--lpc-sans);color:var(--lpc-leise);font-variant-numeric:tabular-nums}.lp .lp-check .fall{color:var(--lpc-weich);font-size:15px;line-height:1.45}.lp .lp-check .fall p{margin:0}.lp .lp-check .fall-kopf{font:650 13px/1.3 var(--lpc-sans);color:var(--lpc-ink);justify-content:space-between;gap:8px;margin-bottom:4px;display:flex}.lp .lp-check .fall-kopf span:first-child{display:none}.lp .lp-check .frage{font-family:var(--lpc-anzeige);letter-spacing:-.012em;margin:10px 0 14px;font-size:21px;font-weight:500;line-height:1.22}.lp .lp-check .frage:focus,.lp .lp-check .karte-kopf .marke:focus{outline:none}.lp .lp-check .hinweis{font:600 15px/1.3 var(--lpc-sans);color:var(--lpc-royal);margin:0 0 12px}.lp .lp-check .antworten{gap:8px;display:grid}.lp .lp-check .antwort{width:100%;min-height:52px;box-shadow:inset 0 0 0 1.5px var(--lpc-linie-2);font:inherit;color:var(--lpc-ink);text-align:left;cursor:pointer;background:#fff;border:0;border-radius:14px;grid-template-columns:26px 1fr;align-items:start;gap:10px;padding:12px;font-size:15px;line-height:1.38;transition:box-shadow .15s,background .15s;display:grid}.lp .lp-check .antwort:hover:not(:disabled){box-shadow:inset 0 0 0 1.5px var(--lpc-ink)}.lp .lp-check .antwort:focus-visible{outline:2px solid var(--lpc-royal);outline-offset:3px}.lp .lp-check .antwort:disabled{cursor:default;opacity:.5}.lp .lp-check .antwort.gewaehlt,.lp .lp-check .antwort.gewaehlt:hover:not(:disabled){background:var(--lpc-royal-hell);box-shadow:inset 0 0 0 1.5px var(--lpc-royal)}.lp .lp-check .antwort.richtig{opacity:1;background:var(--lpc-gruen-hell);box-shadow:inset 0 0 0 1.5px var(--lpc-gruen)}.lp .lp-check .antwort.falsch{opacity:1;background:var(--lpc-koralle-hell);box-shadow:inset 0 0 0 1.5px var(--lpc-koralle)}.lp .lp-check .antwort .bst{background:var(--lpc-karte);width:24px;height:24px;font:600 13px/1 var(--lpc-sans);border-radius:50%;place-items:center;display:grid}.lp .lp-check .antwort.gewaehlt .bst{background:var(--lpc-royal);color:#fff}.lp .lp-check .antwort.richtig .bst{background:var(--lpc-gruen)}.lp .lp-check .antwort.falsch .bst{background:var(--lpc-koralle)}.lp .lp-check .antwort .bst svg{width:11px;height:11px}.lp .lp-check .erklaerung{background:var(--lpc-karte);animation:lpc-auf .35s var(--lpc-kurve);border-radius:14px;grid-template-columns:22px 1fr;gap:10px;margin-top:12px;padding:13px 14px;font-size:15px;line-height:1.5;display:grid}.lp .lp-check .erklaerung .punkt{border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.lp .lp-check .erklaerung .punkt.gut{background:var(--lpc-gruen)}.lp .lp-check .erklaerung .punkt.nein{background:var(--lpc-koralle)}.lp .lp-check .erklaerung .punkt svg{width:11px;height:11px}.lp .lp-check .erklaerung strong{margin-bottom:2px;font-size:15px;font-weight:650;display:block}.lp .lp-check .norm{width:fit-content;box-shadow:inset 0 0 0 1px var(--lpc-linie);font:600 13px/1.4 var(--lpc-sans);background:#fff;border-radius:6px;margin-top:8px;padding:3px 8px;display:block}.lp .lp-check .knopf{background:var(--lpc-royal);color:#fff;width:100%;height:56px;font:650 17px/1 var(--lpc-sans);letter-spacing:-.01em;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 26px;text-decoration:none;transition:background .15s,transform .12s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff38,inset 0 -2px #0000001f,0 12px 24px -12px #1e51f5cc}.lp .lp-check .knopf:hover{background:var(--lpc-royal-2)}.lp .lp-check .knopf:active{transform:translateY(1px)scale(.995)}.lp .lp-check .knopf:focus-visible,.lp .lp-check .textlink:focus-visible{outline:2px solid var(--lpc-royal);outline-offset:3px}.lp .lp-check .knopf.tinte{background:var(--lpc-ink);box-shadow:inset 0 1px #ffffff1f,0 10px 20px -12px #071c30b3}.lp .lp-check .knopf.tinte:hover{background:#12304d}.lp .lp-check .knopf.tinte:disabled{background:var(--lpc-ink);opacity:.35;cursor:default;box-shadow:none;transform:none}.lp .lp-check .weiter{height:52px;margin-top:12px;font-size:17px}.lp .lp-check .textlink{color:var(--lpc-ink);font:650 15px/1.3 var(--lpc-sans);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;align-items:center;gap:6px;padding:6px 0;-webkit-text-decoration:underline #071c304d;text-decoration:underline #071c304d;text-decoration-thickness:1.5px;display:inline-flex}.lp .lp-check .textlink:hover{-webkit-text-decoration-color:var(--lpc-ink);text-decoration-color:var(--lpc-ink)}.lp .lp-check .karte-kopf .marke{font:600 13px/1 var(--lpc-sans);color:var(--lpc-ink);margin:0}.lp .lp-check .ergebnis-kopf{grid-template-columns:132px 1fr;align-items:center;gap:16px;display:grid}.lp .lp-check .skala{width:132px;height:86px;position:relative}.lp .lp-check .skala svg{width:132px;height:86px;display:block}.lp .lp-check .skala text{font:600 13px var(--lpc-sans);fill:var(--lpc-leise)}.lp .lp-check .skala .fuell{stroke:var(--lpc-koralle);animation:lpc-bogen 1.1s var(--lpc-kurve) both}.lp .lp-check .skala .fuell.gut{stroke:var(--lpc-gruen)}.lp .lp-check .skala b{text-align:center;font-family:var(--lpc-anzeige);letter-spacing:-.03em;font-size:32px;font-weight:560;line-height:1;position:absolute;bottom:0;left:0;right:0}.lp .lp-check .skala b small{font:600 13px/1 var(--lpc-sans);color:var(--lpc-leise);letter-spacing:0}.lp .lp-check .urteil{margin:0;font-size:17px;font-weight:600;line-height:1.4}.lp .lp-check .urteil span{color:var(--lpc-weich);margin-top:4px;font-size:15px;font-weight:400;display:block}.lp .lp-check .luecke{background:var(--lpc-koralle-hell);border-radius:14px;grid-template-columns:22px 1fr;gap:10px;margin:14px 0;padding:12px 14px;font-size:15px;line-height:1.45;display:grid}.lp .lp-check .luecke b{font-weight:650}.lp .lp-check .luecke .punkt{background:var(--lpc-koralle);color:#fff;width:22px;height:22px;font:700 13px/1 var(--lpc-sans);border-radius:50%;place-items:center;display:grid}.lp .lp-check .sg-zeilen{gap:9px;margin:4px 0 18px;padding:0;list-style:none;display:grid}.lp .lp-check .sg-zeile{grid-template-columns:1fr auto;align-items:center;gap:5px 10px;font-size:15px;display:grid}.lp .lp-check .sg-zeile .wert{font:600 13px/1 var(--lpc-sans);font-variant-numeric:tabular-nums}.lp .lp-check .sg-zeile i{background:var(--lpc-leer);border-radius:3px;grid-column:1/-1;height:6px;position:relative}.lp .lp-check .sg-zeile i:before{content:"";background:var(--lpc-ink);opacity:.45;width:1.5px;position:absolute;top:-3px;bottom:-3px;left:50%}.lp .lp-check .sg-zeile i em{width:var(--w,0%);background:var(--lpc-gruen);animation:lpc-balken .8s var(--lpc-kurve) both;border-radius:3px;position:absolute;inset:0 auto 0 0}.lp .lp-check .sg-zeile i.knapp em{background:var(--lpc-koralle)}.lp .lp-check .sichern{border-top:1px solid var(--lpc-linie);justify-items:center;gap:8px;padding-top:16px;display:grid}.lp .lp-check .sichern .mikro{text-align:center;color:var(--lpc-weich);margin:0;font-size:13px;line-height:1.35}.lp .lp-check .sichern .nochmal{min-width:44px;min-height:44px;margin-top:2px;padding:0 14px}@media (min-width:900px){.lp .lp-check{width:min(1120px,100% - 96px);margin-inline:auto;padding:96px 0 0;scroll-margin-top:72px;font-size:16px}.lp .lp-check .lp-check-bahn{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:80px;display:grid}.lp .lp-check h2{letter-spacing:-.028em;font-size:54px;line-height:1.01}.lp .lp-check .vor{color:var(--lpc-weich);margin-top:18px;font-size:19px}.lp .lp-check .karte{border-radius:26px;margin-top:0;padding:30px 32px 32px}.lp .lp-check .karte-kopf{margin-bottom:14px}.lp .lp-check .kacheln{gap:4px}.lp .lp-check .kacheln i{border-radius:4px;width:14px;height:14px}.lp .lp-check .zaehler{font:600 12px/1 var(--lpc-mono)}.lp .lp-check .fall{background:var(--ton,var(--lpc-ton));color:var(--lpc-ink-2);border-radius:14px;padding:18px 20px;font-size:16px;line-height:1.48}.lp .lp-check .fall-kopf{font:600 10px/1.3 var(--lpc-mono);letter-spacing:.09em;text-transform:uppercase;color:#071c30b3;margin-bottom:6px}.lp .lp-check .fall-kopf span:first-child{display:inline}.lp .lp-check .frage{margin:14px 0 12px;font-size:24px;line-height:1.24}.lp .lp-check .hinweis{font-size:14px}.lp .lp-check .antwort{min-height:50px;padding:12px 13px;font-size:14.5px}.lp .lp-check .antwort .bst{font:600 11.5px/1 var(--lpc-mono)}.lp .lp-check .erklaerung,.lp .lp-check .erklaerung strong{font-size:14px}.lp .lp-check .norm{font:600 11px/1.4 var(--lpc-mono)}.lp .lp-check .knopf{height:54px;font-size:16.5px}.lp .lp-check .weiter{height:50px;font-size:15.5px}.lp .lp-check .textlink{font-size:14.5px}.lp .lp-check .karte-kopf .marke{font:600 10.5px/1.3 var(--lpc-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lpc-leise)}.lp .lp-check .skala b{font-size:34px}.lp .lp-check .urteil{font-size:15px}.lp .lp-check .urteil span{font-size:13.5px}.lp .lp-check .luecke{font-size:14px}.lp .lp-check .sg-zeile{font-size:13.5px}.lp .lp-check .sg-zeile .wert{font:600 12px/1 var(--lpc-mono)}.lp .lp-check .sichern .mikro{font-size:12.5px}}@media (prefers-reduced-motion:reduce){.lp .lp-check *,.lp .lp-check :before,.lp .lp-check :after{transition:none!important;animation:none!important}}}@layer utilities;@keyframes lpc-auf{0%{transform:translateY(16px)}}@keyframes lpc-bogen{0%{stroke-dashoffset:var(--lang)}}@keyframes lpc-balken{0%{width:0}}
