/* Kontakt-Seite */
.kwrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,64px);align-items:start}
.kinfo .krow{border-top:2px solid var(--ink);padding:22px 0}
.kinfo .krow:last-child{border-bottom:2px solid var(--ink)}
.kinfo .krow .kl{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);margin-bottom:8px}
.kinfo .krow a,.kinfo .krow p{font-family:"Anton",sans-serif;text-transform:uppercase;font-size:clamp(1.2rem,3vw,1.9rem);line-height:1.02;display:inline-block}
.kinfo .krow a{transition:color .25s}
.kinfo .krow a:hover{color:var(--blue)}
.form{display:grid;gap:16px}
.form .frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form label{display:grid;gap:7px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-2)}
.form input,.form textarea{background:transparent;border:2px solid var(--ink);color:var(--ink);
  font-family:"Space Grotesk",sans-serif;font-size:1rem;padding:14px 16px;border-radius:1px;width:100%;transition:border-color .25s}
.form input::placeholder,.form textarea::placeholder{color:var(--ink-3)}
.form input:focus,.form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(46,139,255,.18)}
.form input:focus:not(:focus-visible),.form textarea:focus:not(:focus-visible){box-shadow:none}
.form textarea{min-height:130px;resize:vertical}
.form .note{font-size:12px;color:var(--ink-3);text-transform:none;letter-spacing:0;line-height:1.5}
.form button{justify-self:start}
.form button[disabled]{opacity:.6;cursor:progress}
.form .note a{color:var(--blue);text-decoration:underline}
/* Spam-Honeypot: unsichtbar, aber für Bots ausfüllbar */
.hp{position:absolute!important;left:-9999px!important;top:auto;width:1px;height:1px;overflow:hidden}
/* Sende-Status */
.form-status{font-size:.95rem;line-height:1.5;min-height:1px}
.form-status:empty{display:none}
.form-status.ok{color:#146c2e;font-weight:600}
.form-status.err{color:#b3261e;font-weight:600}
html[data-theme="dark"] .form-status.ok{color:#5bd67d}
html[data-theme="dark"] .form-status.err{color:#ff7a70}
@media(max-width:820px){.kwrap{grid-template-columns:1fr}.form .frow{grid-template-columns:1fr}}

/* Ungültige Formularfelder (aria-invalid, per JS gesetzt) */
.form input[aria-invalid="true"],.form textarea[aria-invalid="true"]{border-color:#e0483d;outline-color:#e0483d}