:root{--grund:#f7f6f4;--flaeche:#fff;--schrift:#1c1b19;--leise:#5f5b55;--linie:#e3dfd9;--akzent:#2f6f5e;--warnung:#8c2f22;--warnung-grund:#fdf0ee;--rand:1.25rem;--radius:.75rem}@media (prefers-color-scheme:dark){:root{--grund:#171916;--flaeche:#1f221f;--schrift:#ece9e4;--leise:#a8a29a;--linie:#32362f;--akzent:#7fc9b1;--warnung:#ffb4a6;--warnung-grund:#3a1f1b}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--grund);color:var(--schrift);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.55}.nur-vorlesen{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kopf{padding:.9rem var(--rand);border-bottom:1px solid var(--linie);background:var(--flaeche);justify-content:space-between;align-items:center;gap:1rem;display:flex}.kopf__marke{letter-spacing:.01em;font-weight:600}.sprachen{gap:.25rem;font-size:.875rem;display:flex}.sprachen__aktiv,.sprachen__wahl{border-radius:var(--radius);justify-content:center;align-items:center;min-width:2.75rem;min-height:2.75rem;display:inline-flex}.sprachen__aktiv{color:var(--schrift);background:var(--grund);font-weight:600}.sprachen__wahl{color:var(--akzent);text-decoration:none}.sprachen__wahl:hover,.sprachen__wahl:focus-visible{text-decoration:underline}.inhalt{padding:var(--rand);max-width:44rem;margin:0 auto}h1{margin:.5rem 0 .75rem;font-size:1.6rem;line-height:1.25}h2{margin:0 0 .5rem;font-size:1.05rem}.einleitung{color:var(--leise);margin:0 0 1.5rem}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);margin:0 0 1rem;padding:1rem}.ablauf{margin:0;padding-left:1.2rem}.ablauf li+li{margin-top:.4rem}.hinweis{margin:0}.hinweis--leise{color:var(--leise);margin-top:1.5rem;font-size:.875rem}.handlung{margin:1rem 0 0}.knopf{border:1px solid var(--linie);border-radius:var(--radius);background:var(--flaeche);min-height:2.75rem;color:var(--schrift);font:inherit;cursor:pointer;justify-content:center;align-items:center;padding:.5rem 1rem;text-decoration:none;display:inline-flex}.knopf:disabled{opacity:.45;cursor:not-allowed}.knopf--betont{background:var(--akzent);border-color:var(--akzent);color:var(--flaeche);width:100%;font-weight:600}.tagwahl{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.tagwahl__feld{min-width:0;color:var(--leise);flex-direction:column;flex:9rem;gap:.25rem;font-size:.875rem;display:flex}.tagwahl__feld input{border:1px solid var(--linie);border-radius:var(--radius);background:var(--flaeche);width:100%;min-height:2.75rem;color:var(--schrift);font:inherit;padding:.4rem .6rem}.legende{color:var(--leise);flex-wrap:wrap;gap:.25rem 1rem;margin:0 0 .75rem;padding:0;font-size:.8125rem;list-style:none;display:flex}.legende li{align-items:center;gap:.35rem;display:flex}.legende__muster{border:1px solid var(--linie);border-radius:.25rem;width:.9rem;height:.9rem}.legende__muster--frei{background:var(--flaeche)}.legende__muster--gewaehlt{background:var(--akzent);border-color:var(--akzent)}.legende__muster--belegt{background:var(--grund);border-style:dashed}.slotraster{grid-template-columns:repeat(auto-fill,minmax(4.25rem,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.slot{border:1px solid var(--linie);border-radius:var(--radius);background:var(--flaeche);width:100%;min-height:2.75rem;color:var(--schrift);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;padding:.4rem .2rem}.slot--gewaehlt{background:var(--akzent);border-color:var(--akzent);color:var(--flaeche);font-weight:600}.slot--belegt{background:var(--grund);color:var(--leise);cursor:not-allowed;border-style:dashed;text-decoration:line-through}.auswahl{margin:1rem 0 .75rem;font-weight:600}.slot:focus-visible,.knopf:focus-visible,.tagwahl__feld input:focus-visible{outline:3px solid var(--akzent);outline-offset:2px}.fehler{border:1px solid var(--warnung);border-radius:var(--radius);background:var(--warnung-grund);color:var(--warnung);padding:.75rem .9rem}.fehler__titel{margin:0 0 .2rem;font-weight:600}.fehler__text,.fehler--hinweis{color:var(--schrift);margin:0}.fuss{padding:1.5rem var(--rand) 2.5rem;color:var(--leise);max-width:44rem;margin:0 auto;font-size:.875rem}.fuss p{margin:0}@media (min-width:40rem){:root{--rand:2rem}h1{font-size:2rem}}.knopf--haupt{background:var(--akzent);border-color:var(--akzent);color:var(--flaeche);font-weight:600}.knopf[aria-disabled=true]{background:var(--grund);border-color:var(--leise);color:var(--leise);cursor:not-allowed;border-style:dashed;font-weight:400}.tagwahl__weiter{flex-wrap:wrap;gap:.5rem;display:flex}.feldgruppe{border:1px solid var(--linie);border-radius:var(--radius);margin:0 0 1rem;padding:.9rem 1rem 1.1rem}.feldgruppe legend{padding:0 .35rem;font-weight:600}.feld{flex-direction:column;gap:.3rem;margin-bottom:.9rem;display:flex}.feld label{font-weight:600}.feld input{border:1px solid var(--linie);border-radius:var(--radius);background:var(--flaeche);min-height:2.75rem;color:var(--schrift);font:inherit;box-sizing:border-box;width:100%;padding:.45rem .6rem}.feld input[aria-invalid=true]{border-color:var(--warnung)}.feld__hinweis{color:var(--leise);font-size:.875rem}.feld__fehler{color:var(--warnung);font-size:.875rem;font-weight:600}.kreuzfeld{grid-template-columns:auto 1fr;align-items:start;gap:.2rem .6rem;margin-bottom:.8rem;display:grid}.kreuzfeld input{width:1.25rem;height:1.25rem;accent-color:var(--akzent);margin:.15rem 0 0}.kreuzfeld label{cursor:pointer}.kreuzfeld .feld__fehler{grid-column:2}.referenzen{flex-wrap:wrap;gap:.5rem;margin:0 0 .75rem;padding:0;list-style:none;display:flex}.referenz{letter-spacing:.12em;border:1px solid var(--linie);border-radius:var(--radius);background:var(--grund);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;padding:.4rem .7rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.375rem;font-weight:700}.feld input:focus-visible,.kreuzfeld input:focus-visible,h2:focus-visible{outline:3px solid var(--akzent);outline-offset:2px}.verweis{color:var(--akzent);text-underline-offset:.2em;min-height:2.75rem;line-height:2.75rem;text-decoration:underline;display:inline-block}.referenzeintrag{flex-direction:column;align-items:flex-start;gap:.1rem;display:flex}.referenzfeld{text-transform:uppercase;letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.rueckfrage{border:1px solid var(--linie);border-radius:var(--radius);background:var(--grund);padding:.75rem .9rem}.rueckfrage__titel{margin:0 0 .35rem;font-weight:600}.rueckfrage .tagwahl__weiter{margin-top:.75rem}.rueckfrage:focus-visible,.rueckmeldung:focus-visible,.verweis:focus-visible,h3:focus-visible{outline:3px solid var(--akzent);outline-offset:2px}