:root{--papier: oklch(98.6% .004 85);--papier-tief: oklch(96.2% .006 85);--tusche: oklch(23% .012 235);--tusche-matt: oklch(48% .014 235);--linie: oklch(86% .008 235);--linie-fein: oklch(91.5% .006 235);--zinnober: oklch(52% .168 32);--gepruef: oklch(46% .098 155);--mangel: oklch(50% .172 27);--achtung: oklch(56% .108 75);--karo: oklch(23% .012 235 / .06);--serif: "Source Serif 4", Cambria, "Iowan Old Style", Georgia, serif;--sans: "Segoe UI Variable Text", "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--fest: "Cascadia Mono", Consolas, "DejaVu Sans Mono", monospace;--weich: cubic-bezier(.22, .61, .36, 1);--logo-filter: none;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--papier: oklch(17.5% .01 85);--papier-tief: oklch(21% .013 85);--tusche: oklch(91% .008 235);--tusche-matt: oklch(66% .011 235);--linie: oklch(32% .014 235);--linie-fein: oklch(26% .012 235);--zinnober: oklch(66% .146 32);--gepruef: oklch(70% .116 155);--mangel: oklch(66% .155 27);--achtung: oklch(76% .114 75);--karo: oklch(91% .008 235 / .07);--logo-filter: brightness(1.7) saturate(1.1);color-scheme:dark}}:root[data-theme=dark]{--papier: oklch(17.5% .01 85);--papier-tief: oklch(21% .013 85);--tusche: oklch(91% .008 235);--tusche-matt: oklch(66% .011 235);--linie: oklch(32% .014 235);--linie-fein: oklch(26% .012 235);--zinnober: oklch(66% .146 32);--gepruef: oklch(70% .116 155);--mangel: oklch(66% .155 27);--achtung: oklch(76% .114 75);--karo: oklch(91% .008 235 / .07);--logo-filter: brightness(1.7) saturate(1.1);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--papier);color:var(--tusche);font:14px/1.55 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-family:var(--serif);font-weight:400;text-wrap:balance}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--zinnober);outline-offset:1px;border-radius:3px}.zahl{font-variant-numeric:tabular-nums}.fest{font-family:var(--fest)}.matt{color:var(--tusche-matt)}.titel{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--tusche-matt)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.wortmarke{display:block;width:auto;filter:var(--logo-filter)}.kopf{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 30px;border-bottom:1px solid var(--linie);background:var(--papier-tief)}.kopf .wortmarke{height:22px;flex-shrink:0}.kopf h1{font-size:17px;font-weight:600;letter-spacing:-.01em}.kopf .rechts{margin-left:auto;display:flex;align-items:center;gap:14px}.punkt{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.lebt{animation:puls 1.9s ease-in-out infinite}@keyframes puls{0%,to{opacity:1}50%{opacity:.35}}.reiter{display:flex;gap:2px;padding:0 22px;align-items:flex-end;border-bottom:1px solid var(--linie);background:var(--papier-tief);position:sticky;top:0;z-index:30}.reiter button{padding:10px 15px 9px;cursor:pointer;border:0;background:none;border-bottom:2px solid transparent;opacity:.72;text-align:left;transition:opacity .18s ease,background .18s ease}.reiter button:hover{opacity:1}.reiter button[aria-current=page]{opacity:1;border-bottom-color:var(--zinnober);background:var(--papier)}.reiter .nr{font-size:11px;opacity:.5}.reiter .name{font-size:13px;letter-spacing:.01em}.reiter .stand{margin-top:2px;font-size:11px}.schalter{position:relative;display:inline-flex;padding:2px;gap:1px;flex-shrink:0;border:1px solid var(--linie);border-radius:999px;background:var(--papier-tief)}.schalter .gleiter{position:absolute;top:2px;left:2px;width:27px;height:21px;border-radius:999px;background:var(--papier);border:1px solid var(--linie-fein);transition:transform .26s var(--weich);pointer-events:none}.schalter button{position:relative;z-index:1;width:27px;height:21px;padding:0;display:grid;place-items:center;cursor:pointer;border:none;background:none;color:var(--tusche-matt);transition:color .2s ease}.schalter button:hover,.schalter button.an{color:var(--tusche)}.blatt{padding:24px 30px 40px;display:flex;flex-direction:column;gap:20px}.kasten{border:1px solid var(--linie);border-left:3px solid var(--zinnober);border-radius:3px;background:var(--papier-tief);padding:16px 20px;display:flex;gap:18px;align-items:flex-start}.kasten h2{font-size:19px;letter-spacing:-.01em}.kasten p{margin:5px 0 0;color:var(--tusche-matt);font-size:13.5px;max-width:66ch}.kasten .rechts{margin-left:auto;text-align:right;flex-shrink:0}.kasten .gross{font-family:var(--serif);font-size:30px;letter-spacing:-.02em;line-height:1}.kasten.gepruef{border-left-color:var(--gepruef)}.kasten.mangel{border-left-color:var(--mangel)}.kasten.achtung{border-left-color:var(--achtung)}.spur{height:5px;background:var(--linie-fein);border-radius:3px;overflow:hidden}.spur>i{display:block;height:100%;border-radius:3px;background:var(--zinnober);transition:width .6s var(--weich)}.spur>i.fertig{background:var(--gepruef)}.leiste{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.knopf,select.wahl,input.suche{font:inherit;font-size:13px;padding:6px 10px;border-radius:3px;border:1px solid var(--linie);background:var(--papier);color:var(--tusche)}.knopf{cursor:pointer;padding:8px 16px;transition:border-color .18s ease,background .18s ease}.knopf:hover:not(:disabled){border-color:var(--zinnober)}.knopf.klein{padding:5px 11px;font-size:12.5px}.knopf.primaer{border-color:var(--zinnober);background:var(--zinnober);color:var(--papier)}.knopf.primaer:hover:not(:disabled){filter:brightness(1.08)}.knopf:disabled{background:var(--papier-tief);color:var(--tusche-matt);opacity:.6;cursor:default}.knopf[aria-pressed=true]{border-color:var(--zinnober);background:color-mix(in oklch,var(--zinnober) 9%,transparent)}input.suche{flex:1 1 210px;max-width:330px}select.wahl{cursor:pointer;padding-right:26px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:right 12px top 50%,right 7px top 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.eingabe{display:flex;flex-direction:column;gap:5px}.eingabe>label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--tusche-matt)}.eingabe input,.eingabe select,.eingabe textarea{font:inherit;font-size:13px;padding:6px 9px;width:100%;border:1px solid var(--linie);border-radius:3px;background:var(--papier);color:var(--tusche)}.eingabe textarea{min-height:66px;resize:vertical}.marke{width:9px;height:9px;border-radius:2px;flex-shrink:0;display:inline-block}.marke.gepruef,.marke.ok,.marke.geklaert{background:var(--gepruef)}.marke.offen,.marke.achtung{background:var(--achtung)}.marke.mangel,.marke.streichen{background:var(--mangel)}.marke.leer{border:1px solid var(--linie);background:transparent}.stat{border:1px solid var(--linie);background:none;border-radius:3px;padding:2px 8px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--tusche-matt);cursor:pointer;white-space:nowrap}.stat.offen{color:var(--achtung);border-color:var(--achtung)}.stat.geklaert{color:var(--gepruef);border-color:var(--gepruef)}.stat.streichen{color:var(--mangel);border-color:var(--mangel)}.meldung{position:fixed;left:50%;bottom:22px;transform:translate(-50%);background:var(--tusche);color:var(--papier);border-radius:3px;padding:9px 17px;font-size:13px;z-index:60;max-width:70ch}.meldung.mangel{background:var(--mangel)}.probe{width:46px;height:24px;position:relative;border-radius:3px;overflow:hidden;border:1px solid var(--linie);flex-shrink:0;background-image:linear-gradient(45deg,var(--karo) 25%,transparent 25%,transparent 75%,var(--karo) 75%),linear-gradient(45deg,var(--karo) 25%,transparent 25%,transparent 75%,var(--karo) 75%);background-size:8px 8px;background-position:0 0,4px 4px}.probe .fl{position:absolute;top:0;right:0;bottom:0;left:0}.probe svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.probe .schr{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--fest);font-size:9px;color:var(--tusche-matt)}.arbeitsflaeche{display:grid;gap:20px;align-items:start}.arbeitsflaeche.mit-inspektor{grid-template-columns:minmax(0,1fr) 310px}@media (max-width: 1100px){.arbeitsflaeche.mit-inspektor{grid-template-columns:1fr}}.gitter-halter{border:1px solid var(--linie);border-radius:3px;overflow:auto;max-height:calc(100dvh - var(--reiter-hoehe, 74px) - 32px)}table.gitter{border-collapse:collapse;width:100%;min-width:1020px;background:var(--papier)}.gitter thead th{position:sticky;top:0;z-index:10;text-align:left;white-space:nowrap;font-weight:400;background:var(--papier-tief);border-bottom:1px solid var(--linie);padding:8px 10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--tusche-matt)}.gitter tbody tr{border-bottom:1px solid var(--linie-fein)}.gitter tbody tr:hover{background:var(--papier-tief)}.gitter tbody tr[aria-selected=true]{background:color-mix(in oklch,var(--zinnober) 7%,var(--papier))}.gitter tbody tr.gestrichen td{opacity:.45}.gitter tbody tr.gestrichen .kl{text-decoration:line-through}.gitter td{padding:4px 10px;vertical-align:middle}.gitter tr.gruppe td{background:var(--papier-tief);border-top:1px solid var(--linie);padding:7px 10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--tusche-matt);cursor:pointer;-webkit-user-select:none;user-select:none}.gitter tr.gruppe .n{font-family:var(--fest);letter-spacing:0;margin-left:8px}.gitter tr.gruppe .pfeil{display:inline-block;width:10px;color:var(--tusche-matt);transition:transform .18s var(--weich)}.gitter tr.gruppe.zu .pfeil{transform:rotate(-90deg)}.gitter tr.gruppe.ziel td{background:color-mix(in oklch,var(--zinnober) 10%,var(--papier-tief));box-shadow:inset 3px 0 0 var(--zinnober);color:var(--tusche)}.griff{display:inline-block;width:12px;margin-right:6px;cursor:grab;color:var(--tusche-matt);opacity:0;font-size:13px;line-height:1;transition:opacity .14s var(--weich);touch-action:none}.gitter tbody tr:hover .griff,.gitter tbody tr[aria-selected=true] .griff{opacity:.55}.griff:hover{opacity:1!important}.griff:focus-visible{opacity:1!important;outline:2px solid var(--zinnober);outline-offset:2px}.gitter tbody tr.zieht-weg{opacity:.35}.zieht{font-family:var(--fest);font-size:12px;padding:6px 11px;border:1px solid var(--zinnober);border-radius:3px;background:var(--papier);color:var(--tusche);cursor:grabbing}.kl{font-family:var(--fest);font-size:12.5px;white-space:nowrap}.kl .vor{color:var(--tusche-matt)}.hex{display:inline-flex;align-items:center;gap:5px}.hex input[type=color]{width:22px;height:22px;padding:0;border:1px solid var(--linie);border-radius:3px;background:transparent;cursor:pointer}.zell{background:transparent;border:1px solid transparent;border-radius:3px;padding:3px 5px;font-family:var(--fest);font-size:12px}.zell:hover{border-color:var(--linie)}.zell:focus{border-color:var(--zinnober);background:var(--papier)}.hex .zell{width:72px;text-transform:uppercase}td.num .zell{text-align:right;width:58px}select.zell{font-family:var(--sans);cursor:pointer;min-width:92px}.inspektor{border:1px solid var(--linie);border-radius:3px;background:var(--papier);position:sticky;top:calc(var(--reiter-hoehe, 74px) + 14px);max-height:calc(100vh - var(--reiter-hoehe, 74px) - 28px);overflow-y:auto}.inspektor .kopfzeile{padding:13px 16px 11px;border-bottom:1px solid var(--linie-fein);background:var(--papier-tief)}.inspektor .rumpf{padding:14px 16px 16px;display:flex;flex-direction:column;gap:13px}.inspektor .verlauf{font-family:var(--fest);font-size:11px;line-height:1.7;border-top:1px solid var(--linie-fein);padding-top:10px;color:var(--tusche-matt)}.inspektor .verlauf b{color:var(--tusche);font-weight:400}.saetze-uebersicht{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.saetze-uebersicht>div{text-align:center}.saetze-uebersicht .kachel{height:28px;border:1px solid var(--linie);border-radius:3px;background-image:linear-gradient(45deg,var(--karo) 25%,transparent 25%,transparent 75%,var(--karo) 75%),linear-gradient(45deg,var(--karo) 25%,transparent 25%,transparent 75%,var(--karo) 75%);background-size:8px 8px;background-position:0 0,4px 4px}.saetze-uebersicht .kachel.leer{border-style:dashed}.stapel{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 16px;background:var(--papier-tief);border:1px solid var(--linie);border-radius:3px}.stapel .anzahl{font-family:var(--fest);font-size:13px}.liste{display:flex;flex-direction:column;gap:1px;background:var(--linie-fein);border:1px solid var(--linie);border-radius:3px;overflow:hidden}.zeile{display:flex;align-items:center;gap:13px;padding:10px 16px;background:var(--papier)}.zeile:hover{background:var(--papier-tief)}.zeile .wachsen{flex:1 1 auto;min-width:0}@media (max-width: 900px){.kopf{padding:10px 14px;gap:10px}.kopf h1{font-size:15px}.kopf .wortmarke{height:18px}.kopf .rechts{gap:10px}.reiter{flex-wrap:nowrap;overflow-x:auto;padding:0 8px;scroll-snap-type:x proximity;scrollbar-width:none}.reiter::-webkit-scrollbar{display:none}.reiter button{flex:0 0 auto;scroll-snap-align:start;padding:8px 11px 7px}.reiter .name{font-size:12.5px}.reiter .stand{font-size:10.5px}.blatt{padding:14px 14px 90px;gap:14px}.kasten{flex-direction:column;gap:10px;padding:13px 15px}.kasten h2{font-size:17px}.kasten .rechts{margin-left:0;text-align:left}.kasten .gross{font-size:26px}input.suche{flex:1 1 100%;max-width:none}select.wahl{flex:1 1 auto}.inspektor{position:static;max-height:none}.stapel{margin:0 -14px -90px;border-radius:0;border-left:0;border-right:0}.meldung{left:14px;right:14px;transform:none;max-width:none}}@media (max-width: 820px){.gitter-halter{border:0;border-radius:0;overflow:visible;max-height:none}table.gitter,.gitter thead,.gitter tbody,.gitter tr,.gitter td{display:block;width:auto;min-width:0}.gitter thead{display:none}.gitter tbody tr{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:9px 12px;align-items:center;border:1px solid var(--linie);border-radius:3px;background:var(--papier);padding:11px 13px;margin-bottom:9px}.gitter tbody tr:hover{background:var(--papier)}.gitter tbody tr[aria-selected=true]{border-color:var(--zinnober);background:color-mix(in oklch,var(--zinnober) 6%,var(--papier))}.gitter td{padding:0}.gitter td.z-wahl{grid-area:1 / 1}.gitter td.z-probe{grid-area:1 / 2}.gitter td.z-name{grid-area:1 / 3;min-width:0}.gitter td.z-stand{grid-area:1 / 4}.gitter td[data-feld]{grid-column:span 2}.gitter td.z-name .kl{white-space:normal;overflow-wrap:anywhere;font-size:13px}.griff{display:none}.gitter td[data-feld]:before{content:attr(data-feld);display:block;margin-bottom:3px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--tusche-matt)}.gitter td[data-feld] .zell{border-color:var(--linie);width:100%;padding:6px 8px;font-size:13px}.gitter td.num .zell{text-align:left;width:100%}.gitter .hex .zell{width:100%}.gitter .hex input[type=color]{width:30px;height:30px}.gitter select.zell{min-width:0}.gitter tr.gruppe{display:block;border:0;padding:0;margin:14px 0 7px;background:none}.gitter tr.gruppe td{border-top:0;border-bottom:1px solid var(--linie);padding:0 0 5px;background:none}.zeile{flex-wrap:wrap;gap:9px;padding:11px 13px}.zeile .wachsen{flex:1 1 100%}.saetze-uebersicht{grid-template-columns:repeat(4,1fr)}}
