:root{--bg: #f4f5f7;--surface: #ffffff;--surface-2: #f8fafc;--ink: #0f172a;--ink-muted: #5b6675;--ink-faint: #8b94a3;--line: #e3e7ed;--line-strong: #cbd3de;--brand: #0f172a;--primary: #0b5cd5;--primary-ink: #ffffff;--primary-soft: #eaf1fd;--primary-line: #b8d0f6;--ok: #0e8a4f;--ok-soft: #e7f6ee;--ok-line: #a9dcc2;--warn: #a2620a;--warn-soft: #fdf3e2;--warn-line: #f0d3a1;--danger: #c1281f;--danger-soft: #fdedec;--danger-line: #f3b9b4;--tap: 3rem;--radius: 12px;--radius-lg: 16px;--radius-sm: 8px;--gap: .75rem;--page-x: 1rem;--content-max: 44rem;--shadow-sm: 0 1px 2px rgb(15 23 42 / .06);--shadow-md: 0 4px 16px rgb(15 23 42 / .08);--shadow-bar: 0 -6px 20px rgb(15 23 42 / .07);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:1rem;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--primary)}:where(h1,h2,h3,h4){line-height:1.25;font-weight:650;letter-spacing:-.01em}:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:4px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.page{flex:1;width:100%;max-width:var(--content-max);margin-inline:auto;padding:1.25rem var(--page-x) 2rem}.app-header{position:sticky;top:0;z-index:20;background:var(--brand);color:#fff;padding-top:env(safe-area-inset-top)}.app-header__inner{max-width:var(--content-max);margin-inline:auto;min-height:3.5rem;padding:.5rem var(--page-x);display:flex;align-items:center;gap:.75rem}.app-header__logo{height:1.75rem;width:auto;flex:none;color:#fff}.app-header__divider{width:1px;align-self:stretch;margin-block:.25rem;background:#ffffff38;flex:none}.app-header__title{font-size:.9375rem;font-weight:600;line-height:1.25;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header__doc{display:block;font-size:.75rem;font-weight:500;color:#ffffff9e;letter-spacing:.02em}.app-header__action{margin-left:auto;flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;border:0;border-radius:var(--radius-sm);background:transparent;color:#fffc}.app-header__action:hover{background:#ffffff1a;color:#fff}.progress{background:#ffffff29;height:3px}.progress__bar{height:100%;background:#fff;border-radius:0 2px 2px 0;transition:width .32s cubic-bezier(.4,0,.2,1)}.progress__meta{max-width:var(--content-max);margin-inline:auto;padding:.4rem var(--page-x) .5rem;display:flex;justify-content:space-between;gap:1rem;font-size:.75rem;font-weight:550;letter-spacing:.01em;color:var(--ink-muted)}.progress__meta strong{color:var(--ink);font-weight:650}.progress-wrap{position:sticky;top:0;z-index:19;background:var(--surface);border-bottom:1px solid var(--line)}.step__eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--primary);margin-bottom:.4rem}.step__title{font-size:1.5rem;margin-bottom:.35rem}.step__subtitle{color:var(--ink-muted);font-size:.9375rem;margin-bottom:.25rem}.step__fields{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.field__label{display:block;font-size:.9375rem;font-weight:600;margin-bottom:.125rem}.field__req{color:var(--danger);margin-left:.15rem}.field__hint{font-size:.8125rem;color:var(--ink-muted);margin-bottom:.5rem}.field__control{margin-top:.5rem}.field__error{display:flex;align-items:center;gap:.35rem;margin-top:.5rem;font-size:.8125rem;font-weight:550;color:var(--danger)}.input,.textarea{width:100%;min-height:var(--tap);padding:.7rem .875rem;font-size:1rem;background:var(--surface);border:1.5px solid var(--line-strong);border-radius:var(--radius);transition:border-color .15s,box-shadow .15s}.textarea{min-height:6rem;resize:vertical;line-height:1.5}.input::placeholder,.textarea::placeholder{color:var(--ink-faint)}.input:hover,.textarea:hover{border-color:#a9b4c4}.input:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input--invalid,.textarea--invalid{border-color:var(--danger)}.input--compact{max-width:11rem}.options{display:grid;gap:.5rem;grid-template-columns:1fr}@media(min-width:34rem){.options--2{grid-template-columns:1fr 1fr}}.option-group+.option-group{margin-top:1.125rem}.option-group__label{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.5rem}.option{position:relative;display:flex;align-items:flex-start;gap:.75rem;width:100%;min-height:var(--tap);padding:.75rem .875rem;text-align:left;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);transition:border-color .12s,background-color .12s,box-shadow .12s;-webkit-tap-highlight-color:transparent}.option:hover{border-color:var(--line-strong);background:var(--surface-2)}.option[aria-pressed=true],.option[aria-checked=true]{border-color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 0 0 1px var(--primary)}.option__box{flex:none;width:1.375rem;height:1.375rem;margin-top:.0625rem;display:grid;place-items:center;border:1.5px solid var(--line-strong);border-radius:6px;background:var(--surface);color:transparent;transition:background-color .12s,border-color .12s,color .12s}.option__box--radio{border-radius:50%}.option[aria-pressed=true] .option__box,.option[aria-checked=true] .option__box{background:var(--primary);border-color:var(--primary);color:#fff}.option__body{min-width:0;flex:1}.option__label{font-size:.9375rem;font-weight:550;line-height:1.35}.option__hint{display:block;font-size:.8125rem;font-weight:400;color:var(--ink-muted);margin-top:.125rem}.option__badge{display:inline-block;margin-left:.4rem;padding:.05rem .4rem;font-size:.6875rem;font-weight:650;letter-spacing:.02em;vertical-align:1px;color:var(--warn);background:var(--warn-soft);border:1px solid var(--warn-line);border-radius:999px}.option-detail{margin:-.125rem 0 .125rem;padding-left:.875rem;border-left:2px solid var(--primary-line)}.option-detail__label{display:block;font-size:.8125rem;font-weight:550;color:var(--ink-muted);margin-bottom:.3rem}.options-more{display:flex;align-items:center;gap:.4rem;margin-top:.75rem;padding:.5rem 0;min-height:2.5rem;background:none;border:0;font-size:.875rem;font-weight:600;color:var(--primary)}.options-more__chev{transition:transform .18s}.options-more[aria-expanded=true] .options-more__chev{transform:rotate(180deg)}.options-filtered-note{display:flex;gap:.5rem;align-items:flex-start;margin-bottom:.75rem;padding:.5rem .7rem;font-size:.8125rem;color:var(--ink-muted);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm)}.yesno{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;max-width:22rem}.yesno__btn{min-height:var(--tap);display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;font-size:1rem;font-weight:650;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);transition:all .12s;-webkit-tap-highlight-color:transparent}.yesno__btn:hover{border-color:var(--line-strong)}.yesno__btn--yes[aria-pressed=true]{background:var(--ok-soft);border-color:var(--ok);color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok)}.yesno__btn--no[aria-pressed=true]{background:var(--danger-soft);border-color:var(--danger);color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.callout{display:flex;gap:.7rem;padding:.875rem 1rem;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface-2);font-size:.875rem;line-height:1.5}.callout__icon{flex:none;margin-top:.0625rem}.callout__title{font-weight:700;margin-bottom:.15rem}.callout--info{background:var(--primary-soft);border-color:var(--primary-line);color:#0d3f8f}.callout--warn{background:var(--warn-soft);border-color:var(--warn-line);color:var(--warn)}.callout--danger{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger)}.callout--ok{background:var(--ok-soft);border-color:var(--ok-line);color:var(--ok)}.callout--stop{border-width:2px;box-shadow:var(--shadow-sm)}.callout p+p{margin-top:.4rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:var(--tap);padding:.6rem 1.15rem;font-size:.9375rem;font-weight:650;border-radius:var(--radius);border:1.5px solid transparent;background:var(--surface);transition:background-color .14s,border-color .14s,opacity .14s;-webkit-tap-highlight-color:transparent}.btn--primary{background:var(--primary);color:var(--primary-ink)}.btn--primary:hover:not(:disabled){background:#0a4fb5}.btn--ghost{background:transparent;border-color:var(--line-strong);color:var(--ink)}.btn--ghost:hover:not(:disabled){background:var(--surface);border-color:var(--ink-faint)}.btn--quiet{background:transparent;color:var(--ink-muted);padding-inline:.75rem}.btn--quiet:hover:not(:disabled){color:var(--ink);background:var(--surface)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover:not(:disabled){background:#a31f18}.btn--block{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.wizard-footer{position:sticky;bottom:0;z-index:18;background:var(--surface);border-top:1px solid var(--line);box-shadow:var(--shadow-bar);padding-bottom:env(safe-area-inset-bottom)}.wizard-footer__inner{max-width:var(--content-max);margin-inline:auto;padding:.75rem var(--page-x);display:flex;align-items:center;gap:.6rem}.wizard-footer__next{margin-left:auto;min-width:8.5rem}.summary{display:flex;flex-direction:column;gap:.75rem}.summary__card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.summary__head{display:flex;align-items:center;gap:.75rem;padding:.75rem .9rem;border-bottom:1px solid var(--line);background:var(--surface-2)}.summary__head h3{font-size:.875rem;font-weight:700;flex:1;min-width:0}.summary__edit{flex:none;min-height:2.25rem;padding:.25rem .7rem;font-size:.8125rem;font-weight:650;color:var(--primary);background:transparent;border:1.5px solid var(--primary-line);border-radius:var(--radius-sm)}.summary__edit:hover{background:var(--primary-soft)}.summary__body{padding:.25rem .9rem .75rem}.summary__row{display:flex;flex-wrap:wrap;gap:.15rem .75rem;padding:.55rem 0;border-bottom:1px solid var(--line);font-size:.875rem}.summary__row:last-child{border-bottom:0}.summary__key{flex:none;width:100%;color:var(--ink-muted);font-size:.8125rem}@media(min-width:30rem){.summary__key{width:12rem}}.summary__val{flex:1;min-width:0;font-weight:550;white-space:pre-wrap;overflow-wrap:anywhere}.summary__val--empty{color:var(--ink-faint);font-weight:400;font-style:italic}.summary__list{margin:0;padding-left:1.1rem;font-weight:500}.summary__list li{margin-bottom:.15rem}.signature{border:1.5px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);overflow:hidden}.signature--invalid{border-color:var(--danger)}.signature__canvas-wrap{position:relative;background:repeating-linear-gradient(-45deg,var(--surface),var(--surface) 10px,var(--surface-2) 10px,var(--surface-2) 20px)}.signature__canvas{display:block;width:100%;height:11rem;touch-action:none;cursor:crosshair}.signature__baseline{position:absolute;left:1.25rem;right:1.25rem;bottom:2.4rem;border-bottom:1.5px dashed var(--line-strong);pointer-events:none}.signature__placeholder{position:absolute;inset:0;display:grid;place-items:center;padding-bottom:1rem;font-size:.875rem;font-weight:500;color:var(--ink-faint);pointer-events:none}.signature__bar{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-top:1px solid var(--line);background:var(--surface-2)}.signature__bar-spacer{flex:1}.signature__status{font-size:.8125rem;font-weight:550;color:var(--ok);display:inline-flex;align-items:center;gap:.3rem}.start{max-width:26rem;display:flex;flex-direction:column;justify-content:center;padding-bottom:4rem}.start__box{display:grid;gap:.75rem}.start__label{font-size:.9375rem;font-weight:600}.start__input{padding-inline:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-align:center}.start__fehler{font-size:.875rem;font-weight:550;color:var(--danger)}.start__hinweis{font-size:.8125rem;color:var(--ink-muted)}.hero{margin-bottom:1.75rem}.hero h1{font-size:1.75rem;margin-bottom:.4rem}.hero p{color:var(--ink-muted)}.form-list{display:grid;gap:.75rem}.form-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);color:inherit;text-decoration:none;box-shadow:var(--shadow-sm);transition:border-color .14s,box-shadow .14s,transform .14s}.form-card:hover{border-color:var(--primary-line);box-shadow:var(--shadow-md);transform:translateY(-1px)}.form-card__body{flex:1;min-width:0}.form-card__doc{font-size:.6875rem;font-weight:700;letter-spacing:.06em;color:var(--primary);text-transform:uppercase}.form-card__title{font-size:1.0625rem;font-weight:650;margin:.1rem 0 .2rem}.form-card__desc{font-size:.875rem;color:var(--ink-muted)}.form-card__chev{flex:none;color:var(--ink-faint)}.form-card--draft .form-card__doc:after{content:" · Entwurf vorhanden";color:var(--warn)}.done{text-align:center;padding-top:1.5rem}.done__mark{width:4.5rem;height:4.5rem;margin:0 auto 1.25rem;display:grid;place-items:center;border-radius:50%}.done__mark--ok{background:var(--ok-soft);color:var(--ok)}.done__mark--stop{background:var(--danger-soft);color:var(--danger)}.done h1{font-size:1.5rem;margin-bottom:.5rem}.done p{color:var(--ink-muted);margin-bottom:.5rem}.done__actions{display:grid;gap:.6rem;margin:1.75rem auto 0;max-width:22rem;text-align:left}.stack{display:flex;flex-direction:column;gap:.75rem}.muted{color:var(--ink-muted)}.text-sm{font-size:.875rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}