#signaturen .signature-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px;align-items:start}
#signatureForm{display:grid;gap:18px}
#signatureForm label{display:block;font-weight:500;margin-bottom:6px}
#signatureForm input{display:block;width:100%;padding:11px 12px;border:1px solid #000;background:#fff;color:#000;border-radius:0;min-height:44px}
#signatureForm input[aria-invalid=true]{outline:2px solid #000;outline-offset:2px}
#signaturen .signature-error{display:block;font-size:13px;margin-top:6px}
#signaturen .signature-error:empty{display:none}
#signaturen .signature-fixed{font-size:14px;margin-top:24px}
#signaturePreview{display:block;box-sizing:border-box;width:100%;min-height:390px;resize:vertical;padding:16px;background:#fff;color:#000;border:1px solid #000;font:initial;line-height:normal;white-space:pre-wrap;overflow-wrap:anywhere}
#signatureStyledPreview{font:initial;line-height:normal;min-height:320px;padding:16px;border:1px solid #000;background:#fff;color:#000;overflow-wrap:anywhere;overflow-x:auto}
#signatureStyledPreview:empty::before{content:'Hier erscheint deine Signatur.';color:#000}
#signatureStyledPreview:focus-visible{outline:3px solid #FEC600;outline-offset:4px}
#signaturen .signature-preview-label{display:block;font-weight:500;margin-bottom:10px}
#signaturen .signature-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
#signaturen button:disabled{opacity:.5;cursor:default}
#signatureStatus{min-height:2.6em;margin:16px 0 0;font-size:14px}
#signaturen .signature-steps{display:grid;gap:12px;padding-left:24px}
#signaturen .signature-private{font-size:14px;margin-top:22px}
#signaturePreview:focus-visible{outline:3px solid #FEC600;outline-offset:4px}
@media(max-width:1050px){#signaturen .signature-grid{grid-template-columns:1fr}}
@media(max-width:740px){#signaturen .signature-actions>*{width:100%}#signaturePreview{padding:12px}}