.fp-wrap{--blau:#375288;--blau-dunkel:#2a4170;--grund:#eef1f6;--flaeche:#f5f7fd;--linie:#e1e5f0;--rahmen:#c5ccdb;--text:#1f2a44;--leise:#5a6378;--link:#2c55b0;--gelb:#f6c233;--gruen:#1e7d4f;--gruen-hell:#e3f4ea;--rot:#b3261e;--rot-hell:#fde8e7;--ru:#7a5a00;--ru-hell:#fff8e1;--radius:10px;--schatten:0 1px 2px rgba(31,42,68,.08);--schrift:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif}
.fp-wrap,.fp-wrap *{box-sizing:border-box}
.fp-wrap{color:var(--text);font:16px/1.5 var(--schrift);max-width:900px}
.fp-wrap a{color:var(--link)}.fp-wrap :focus-visible{outline:3px solid #f28f30;outline-offset:2px}
.fp-wrap [hidden]{display:none !important}
.fp-wrap h1{font-size:26px;line-height:1.25;margin:4px 0 6px}.fp-wrap h2{font-size:19px;margin:22px 0 10px}.fp-wrap h3{font-size:17px}
.fp-wrap p{margin:0 0 10px}.fp-wrap ul{margin-top:0}
.fp-einleitung{color:var(--leise);margin:0 0 16px}
.fp-karten{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.fp-karte{background:#fff;border-radius:var(--radius);box-shadow:var(--schatten);padding:14px 16px}
.fp-karte h2{margin:0 0 6px;font-size:17px}.fp-karte p{margin:0 0 10px;color:var(--leise);font-size:14px}
.fp-knopf{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:600 15px var(--schrift);padding:10px 16px;border-radius:8px;border:1px solid var(--blau);background:var(--blau);color:#fff;cursor:pointer;text-decoration:none}
.fp-knopf:hover{background:var(--blau-dunkel);border-color:var(--blau-dunkel);color:#fff}
.fp-knopf.zweit{background:#fff;color:var(--blau);border-color:var(--rahmen)}.fp-knopf.zweit:hover{background:var(--flaeche)}
.fp-knopf.klein{padding:4px 10px;font-size:13px}
.fp-knopf[disabled]{opacity:.45;cursor:not-allowed}
.fp-themen{display:grid;gap:8px}
.fp-thema{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border-radius:var(--radius);box-shadow:var(--schatten);padding:10px 14px}
.fp-thema b{flex:1 1 200px}.fp-thema small{color:var(--leise)}
.fp-balken{flex:1 1 140px;height:8px;background:var(--linie);border-radius:99px;overflow:hidden}.fp-balken i{display:block;height:100%;background:var(--gruen);width:0}
.fp-quiz{background:#fff;border-radius:var(--radius);box-shadow:var(--schatten);padding:16px 18px}
.fp-quiz-kopf{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14px;color:var(--leise);margin:0 0 8px}
.fp-frage-zeile{display:flex;gap:10px;align-items:flex-start;margin:4px 0 14px}
.fp-frage{font-size:19px;font-weight:600;margin:0;line-height:1.4;flex:1}
.fp-ru-knopf{flex:none;font:700 12px/1 var(--schrift);letter-spacing:.03em;padding:7px 8px;border-radius:6px;border:1px solid #e0c56e;background:var(--ru-hell);color:var(--ru);cursor:pointer;min-width:40px;min-height:32px}
.fp-ru-knopf:hover{background:#ffefb3}.fp-ru-knopf[aria-expanded="true"]{background:var(--ru);border-color:var(--ru);color:#fff}
.fp-ru{background:var(--ru-hell);border-left:3px solid var(--gelb);border-radius:0 6px 6px 0;padding:6px 10px;margin:6px 0 0;font-size:15px;line-height:1.45;color:#3d3420;font-weight:400}
.fp-frage-block .fp-ru{margin:-6px 0 14px}
.fp-antworten{display:grid;gap:8px;list-style:none;margin:0;padding:0}
.fp-antworten li{display:grid;grid-template-columns:1fr auto;gap:0 8px;align-items:stretch}
.fp-antworten li .fp-ru{grid-column:1/-1}
.fp-antwort{width:100%;text-align:left;font:16px/1.4 var(--schrift);padding:12px 14px;border-radius:8px;border:1px solid var(--rahmen);background:#fff;color:var(--text);cursor:pointer;display:flex;gap:10px}
.fp-antwort:hover{border-color:var(--link);background:var(--flaeche)}
.fp-antwort .nr{font-weight:700;color:var(--blau);min-width:1.3em}
.fp-antwort.gewaehlt{border-color:var(--blau);background:#e8edf8;box-shadow:inset 0 0 0 1px var(--blau)}
.fp-antwort.richtig{border-color:var(--gruen);background:var(--gruen-hell)}.fp-antwort.falsch{border-color:var(--rot);background:var(--rot-hell)}
.fp-antwort[disabled]{cursor:default;color:var(--text)}
.fp-antworten .fp-ru-knopf{align-self:center}
.fp-rueck{min-height:1.5em;margin:12px 0 0;font-weight:600}.fp-rueck.ok{color:var(--gruen)}.fp-rueck.nein{color:var(--rot)}
.fp-leiste{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;margin:14px 0 0}
.fp-ergebnis{background:#fff;border-radius:var(--radius);box-shadow:var(--schatten);padding:16px 18px}
.fp-ergebnis .gross{font-size:22px;font-weight:700;margin:0 0 6px}.fp-ergebnis .ok{color:var(--gruen)}.fp-ergebnis .nein{color:var(--rot)}
.fp-tabelle{width:100%;border-collapse:collapse;margin:10px 0;font-size:15px}.fp-tabelle td:last-child,.fp-tabelle th:last-child{white-space:nowrap;width:1%}.fp-tabelle td,.fp-tabelle th{padding:6px 8px;border-bottom:1px solid var(--linie);text-align:left}
.fp-fehler{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.fp-fehler li{border:1px solid var(--linie);border-radius:8px;padding:10px 12px;font-size:15px;display:grid;grid-template-columns:1fr auto;gap:2px 8px}
.fp-fehler li>.fp-ru-knopf{grid-column:2;grid-row:1;align-self:start}.fp-fehler li>div{grid-column:1}.fp-fehler li>.fp-ru{grid-column:1/-1}
.fp-fehler .du{color:var(--rot)}.fp-fehler .rich{color:var(--gruen);font-weight:600}
.fp-info{background:#fff;border-radius:var(--radius);box-shadow:var(--schatten);padding:14px 16px;font-size:15px}
.fp-info ul{margin:6px 0;padding-left:18px}.fp-info li{margin:4px 0}
.fp-hinweis{font-size:14px;color:var(--leise)}
.fp-versteckt{display:none !important}
.fp-fk-bild{margin:0 0 12px;background:#f7f9fc;border:1px solid var(--linie);border-radius:8px;display:flex;flex-direction:column;align-items:center;padding:10px}
.fp-fk-bild img{display:block;max-width:100%;height:auto;max-height:320px;object-fit:contain}
.fp-fk-bild figcaption{font-size:12px;color:var(--leise);margin-top:6px;text-align:center}.fp-fk-bild figcaption a{color:var(--leise)}
.fp-fk-loesung{margin:0 0 12px}.fp-fk-kopfzeile{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.fp-fk-name{font-size:22px;font-weight:700}.fp-fk-lat{font-style:italic;color:var(--leise)}
.fp-fk-knoepfe{display:flex;gap:8px;flex-wrap:wrap}
.fp-galerie{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:12px}
.fp-galerie figure{margin:0;background:#fff;border:1px solid var(--linie);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:3px}
.fp-galerie img{width:100%;height:96px;object-fit:contain;background:#f7f9fc;border-radius:6px}
.fp-galerie figcaption{display:flex;flex-direction:column;gap:2px;font-size:14px}.fp-galerie figcaption i{color:var(--leise);font-size:12.5px}
.fp-galerie .fp-ru-knopf{align-self:flex-start;min-height:26px;padding:4px 7px}
details.fp-info>summary{cursor:pointer;font-weight:600;color:var(--blau)}
.fp-credits{font-size:12.5px;columns:2 280px;margin:8px 0 0;padding-left:18px}
@media (max-width:600px){.fp-wrap h1{font-size:21px}.fp-quiz{padding:14px 12px}.fp-frage{font-size:17px}.fp-antwort{padding:11px 12px}}