/* Ergänzungen für die dynamischen Teile (Profilkarten, Formulare). Farben/Abstände angelehnt an branchen.css. */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px;margin-top:20px}
.pkarte{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit}
.pkarte img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;background:#eee}
.pk-name{font-weight:600;margin-top:6px}
.pk-firma,.pk-fg{font-size:.85rem;opacity:.75}
.pk-siegel{color:#9C7DFF;font-weight:700}
.pfilter{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.pfilter button{border:1px solid currentColor;background:transparent;color:inherit;border-radius:999px;padding:6px 14px;font:inherit;font-size:.9rem;cursor:pointer;opacity:.8}
.pfilter button.on{background:#9C7DFF;border-color:#9C7DFF;color:#fff;opacity:1}
.ph-titel{font-size:1.1rem;margin:.25rem 0}
.ph-rollen{display:flex;flex-wrap:wrap;gap:8px;margin:.5rem 0}
.ph-rollen span{font-size:.8rem;border-radius:999px;padding:3px 10px;background:rgba(156,125,255,.15)}
.ph-rollen .siegel{background:#9C7DFF;color:#fff}
.contact{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:14px}
.pform{display:grid;gap:12px;max-width:720px}
.pform label{display:grid;gap:4px;font-size:.9rem}
.pform input,.pform select,.pform textarea{font:inherit;padding:10px 12px;border:1px solid #d4d4d8;border-radius:10px;background:#fff;color:#111;width:100%;box-sizing:border-box}
.pf-zeile{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:640px){.pf-zeile{grid-template-columns:1fr}}
.pf-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.pf-hinweis{font-size:.8rem;opacity:.75;margin:0}
.pf-status{font-size:.9rem;margin:0}
.pf-status.ok{color:#15803d}.pf-status.fehler{color:#b91c1c}
.opt{opacity:.6;font-weight:400}
.gebiete ul{padding-left:1.2rem}
.rechtstext h2{margin-top:2rem}
.rechtstext p{max-width:72ch}
/* Formulare auf dunklem Grund (Engineer-Block der Branchenseiten, #engineers der Startseite) */
.eng .pform label,.eg-live .pform label{color:inherit}
.egf-live,.eg-live{display:grid;gap:14px}
.gebiete-liste{margin:0;padding-left:1.1rem}
.gebiete-liste a{color:inherit;text-decoration:underline}
.pform.klein{max-width:none}
.eng .pf-hinweis a,.eg-live .pf-hinweis a{color:inherit}
/* Startseite #engineers: eigenes Formular statt .eg (dessen 3-Spalten-Raster aus startseite.css würde es zerquetschen) */
#site .eg-live{margin-top:34px;max-width:640px}
#site .eg-live label{color:rgba(255,255,255,.75);font-size:13px}
#site .eg-live select,#site .eg-live input,#site .eg-live textarea{color:#fff;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.22);border-radius:12px;font:500 15px Inter,sans-serif}
#site .eg-live select option{color:#14112B}
#site .eg-live textarea::placeholder,#site .eg-live input::placeholder{color:rgba(255,255,255,.45)}
#site .eg-live .pf-hinweis,#site .eg-live .pf-hinweis a{color:rgba(255,255,255,.6)}
#site .eg-live .note{font-size:12.5px;color:rgba(255,255,255,.55);margin-top:10px}
#site .eg-live .btn{justify-self:start}