/* PROCITO Anfrage-Widget – content-only, kollisionssicher (pa-Präfix). Design: procito (apercu, Mint #02f4b4). */
#pa-root{--pa-ink:#141428;--pa-mint:#02f4b4;--pa-line:#e4e2df;--pa-muted:#8a8a8a;--pa-sec:#50535e;
  position:relative;color:var(--pa-ink);font-family:apercu,"Segoe UI",system-ui,Arial,sans-serif;line-height:1.5}
#pa-root *{box-sizing:border-box}
#pa-root .pa-muted{color:var(--pa-muted)}
#pa-root .pa-req{color:#c0392b}

#pa-root .pa-steps{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}
#pa-root .pa-stp{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:var(--pa-muted)}
#pa-root .pa-stp .pa-n{width:26px;height:26px;border-radius:50%;background:#e7eaed;color:#6b6f78;display:grid;place-items:center;font-size:13px;font-weight:700}
#pa-root .pa-stp.on{color:var(--pa-ink)} #pa-root .pa-stp.on .pa-n{background:var(--pa-mint);color:var(--pa-ink)}
#pa-root .pa-arr{color:#c9ccd2;margin-left:4px}

#pa-root .pa-drop{border:2.5px dashed #c4c8cf;border-radius:16px;background:#fff;padding:36px 22px;text-align:center;cursor:pointer;transition:.18s}
#pa-root .pa-drop:hover,#pa-root .pa-drop.pa-hot{border-color:var(--pa-mint);background:#f3fffb}
#pa-root .pa-big{font-size:19px;font-weight:700}
#pa-root .pa-sub{color:var(--pa-muted);margin-top:6px;font-size:14px}
#pa-root .pa-fmt{display:inline-flex;gap:6px;flex-wrap:wrap;margin-top:14px;justify-content:center}
#pa-root .pa-tag{font-size:12px;font-weight:700;letter-spacing:.04em;background:#eef1f4;color:#55606e;border-radius:6px;padding:4px 9px}

#pa-root .pa-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:22px}
@media(max-width:760px){#pa-root .pa-cards{grid-template-columns:1fr}}
#pa-root .pa-card{background:#fff;border:1px solid var(--pa-line);border-radius:16px;overflow:hidden;box-shadow:0 14px 34px -24px rgba(20,20,40,.4)}
#pa-root .pa-viewer{position:relative;height:230px;background:linear-gradient(160deg,#f7f9fb,#eef2f6);border-bottom:1px solid var(--pa-line)}
#pa-root .pa-viewer canvas{display:block;width:100%;height:100%}
#pa-root .pa-vstatus{position:absolute;inset:0;display:grid;place-items:center;color:var(--pa-muted);font-size:14px;text-align:center;padding:16px}
#pa-root .pa-spin{width:30px;height:30px;border:3px solid #d7dbe0;border-top-color:var(--pa-mint);border-radius:50%;animation:pa-sp 1s linear infinite;margin:0 auto 10px}
@keyframes pa-sp{to{transform:rotate(360deg)}}
#pa-root .pa-ft{font-size:40px}
#pa-root .pa-dimchip{position:absolute;left:12px;bottom:12px;background:rgba(20,20,40,.86);color:#fff;font-size:13px;font-weight:700;padding:7px 12px;border-radius:9px}
#pa-root .pa-dimchip .pa-k{color:var(--pa-mint);margin-right:6px}
#pa-root .pa-rm{position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.9);border:1px solid var(--pa-line);display:grid;place-items:center;cursor:pointer;font-size:16px;color:#55606e}
#pa-root .pa-rm:hover{background:#fff;color:#c0392b}
#pa-root .pa-cbody{padding:14px 16px}
#pa-root .pa-posno{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--pa-ink);background:var(--pa-mint);padding:3px 10px;border-radius:6px;margin-bottom:8px}
#pa-root .pa-fname{font-weight:700;font-size:15px;word-break:break-all}
#pa-root .pa-fmeta{font-size:12.5px;color:var(--pa-muted);margin-top:2px}
#pa-root .pa-frow{display:grid;grid-template-columns:90px 1fr;gap:10px;margin-top:12px;align-items:center}
#pa-root .pa-frow label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#7c828c}
#pa-root .pa-inp,#pa-root .pa-sel{width:100%;border:1px solid #d3d7dd;border-radius:9px;padding:9px 10px;font-size:14px;background:#fff;color:var(--pa-ink);font-family:inherit}
#pa-root .pa-inp:focus,#pa-root .pa-sel:focus{outline:none;border-color:var(--pa-mint);box-shadow:0 0 0 3px rgba(2,244,180,.18)}
#pa-root .pa-manualdim{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#pa-root textarea.pa-inp{min-height:110px;resize:vertical}

#pa-root .pa-certs{margin-top:12px;border-top:1px solid #eef0f3;padding-top:10px}
#pa-root .pa-certs summary{list-style:none;cursor:pointer;font-size:13px;font-weight:700;color:#3a475e;display:flex;justify-content:space-between;align-items:center}
#pa-root .pa-certs summary::-webkit-details-marker{display:none}
#pa-root .pa-car{transition:.15s;color:var(--pa-muted)}
#pa-root .pa-certs[open] summary .pa-car{transform:rotate(180deg)}
#pa-root .pa-certgrp{margin-top:12px}
#pa-root .pa-certlbl,#pa-root .pa-certttl{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#7c828c;margin-bottom:6px}
#pa-root .pa-certopts{display:flex;flex-direction:column;gap:7px}
#pa-root .pa-certopt{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#333;cursor:pointer}
#pa-root .pa-certopt input{width:16px;height:16px;accent-color:var(--pa-mint)}

#pa-root .pa-emptyhint{color:var(--pa-muted);text-align:center;padding:16px;font-size:14px}
#pa-root .pa-btn{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;padding:12px 20px;border-radius:11px;border:2px solid transparent;cursor:pointer;font-family:inherit;transition:.15s}
#pa-root .pa-pbtn{background:var(--pa-mint);color:var(--pa-ink)} #pa-root .pa-pbtn:hover{background:var(--pa-ink);color:var(--pa-mint)}
#pa-root .pa-pbtn:disabled{opacity:.6;cursor:default}
#pa-root .pa-sbtn{background:#fff;color:var(--pa-ink);border-color:var(--pa-ink)} #pa-root .pa-sbtn:hover{background:var(--pa-ink);color:#fff}

#pa-root .pa-section{margin-top:30px;background:#fff;border:1px solid var(--pa-line);border-radius:16px;padding:22px}
#pa-root .pa-h{font-size:20px;font-weight:800;margin:0 0 14px}
#pa-root .pa-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:620px){#pa-root .pa-grid2{grid-template-columns:1fr}}
#pa-root .pa-field label{display:block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#7c828c;margin-bottom:6px}
#pa-root .pa-field.pa-err .pa-inp{border-color:#c0392b;box-shadow:0 0 0 3px rgba(192,57,58,.12)}
#pa-root .pa-consent{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:13.5px;color:var(--pa-sec);line-height:1.5;cursor:pointer}
#pa-root .pa-consent input{margin-top:3px;width:18px;height:18px;accent-color:var(--pa-mint);flex:none}
#pa-root .pa-consent a{color:var(--pa-ink);text-decoration:underline}

#pa-root .pa-summary{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:24px;padding:18px 22px;background:var(--pa-ink);color:#fff;border-radius:16px}
#pa-root .pa-summary .pa-bv{font-size:20px;font-weight:800} #pa-root .pa-summary .pa-bk{font-size:11px;color:#9aa6c2}
#pa-root .pa-summary #pa-submit{margin-left:auto}

#pa-root .pa-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);opacity:0;background:var(--pa-ink);color:#fff;padding:12px 20px;border-radius:11px;font-size:14px;transition:.25s;z-index:99999;box-shadow:0 12px 30px -10px rgba(0,0,0,.5)}
#pa-root .pa-toast.pa-show{opacity:1;transform:translateX(-50%) translateY(0)}

#pa-root .pa-success{text-align:center;padding:48px 24px;background:#fff;border:1px solid var(--pa-line);border-radius:16px}
#pa-root .pa-check{width:64px;height:64px;border-radius:50%;background:var(--pa-mint);color:var(--pa-ink);font-size:32px;font-weight:800;display:grid;place-items:center;margin:0 auto 16px}
#pa-root .pa-success p{color:var(--pa-sec);max-width:440px;margin:6px auto 0}