/* Återbruk av anmälningsformulärets typografi, färgtokens och fältmått. */
.kontaktForm{max-width:var(--matt-bred);padding-top:24px;padding-bottom:48px}
.kontaktForm form{display:grid;gap:18px}
.kontaktForm label{display:block;font-size:var(--typ-liten);font-weight:700;color:var(--midT);letter-spacing:.02em}
.kontaktForm input[type=text],.kontaktForm input[type=email],.kontaktForm textarea{width:100%;font:inherit;font-size:var(--typ-brod);padding:12px 14px;border:1px solid var(--linje);border-radius:3px;background:var(--kort);color:var(--petrolT);margin-top:6px}
.kontaktForm input::placeholder,.kontaktForm textarea::placeholder{color:var(--platshallare,#6b6f72);font-weight:400;opacity:1}
.kontaktForm textarea{min-height:130px;resize:vertical}
.kontaktForm input:focus,.kontaktForm textarea:focus{outline:2px solid var(--petrolT);outline-offset:1px}
.kontaktForm button.knapp{border:0;cursor:pointer;font:inherit;font-weight:700;font-size:var(--typ-brod);padding:14px 26px;justify-self:start}
.kontaktForm .hp{position:absolute;left:-9999px}
.kontaktForm .formfel{background:var(--felBg);border-left:4px solid var(--felKant);padding:12px 16px}
.kontaktForm .knapp[disabled]{opacity:.6;cursor:wait}
[data-skydd-status]{font-size:var(--typ-liten);margin:6px 0;min-height:1.5em}
[data-skydd-ruta]{max-width:100%;overflow:hidden}