/* Kontakt-Seite */
.kontakt-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: clamp(3rem, 7vw, 7rem);
  align-items: start;
}
@media (max-width: 920px) { .kontakt-grid { grid-template-columns: 1fr; } }
.kontakt-info { display: grid; gap: 2.6rem; }
.kontakt-big { font-weight: 900; font-size: var(--fs-h3); text-transform: none; line-height: 1.35; }
.kontakt-list { list-style: none; display: grid; gap: 0.5rem; }
.kontakt-team { list-style: none; display: grid; gap: 0.9rem; }
.kontakt-team li { display: grid; gap: 0.1rem; font-size: var(--fs-small); }
.kontakt-team .font-mono { color: var(--ink-mute); font-size: var(--fs-label); text-transform: uppercase; letter-spacing: 0.1em; }
.kontakt-note { color: var(--ink-dim); max-width: 40ch; }

/* Formular */
.kontakt-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.6rem 1.4rem;
  border: 1px solid var(--line);
  padding: clamp(1.6rem, 4vw, 3rem);
  background: var(--bg-raise);
}
.kontakt-form .kicker { grid-column: 1 / -1; }
.field { display: grid; gap: 0.45rem; }
.field--full { grid-column: 1 / -1; }
.field label {
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--ink-mute);
}
.field input, .field textarea {
  background: var(--bg);
  border: 1px solid var(--line);
  color: var(--ink);
  font: inherit;
  padding: 0.85em 1em;
  border-radius: var(--radius);
  transition: border-color var(--dur-fast);
  width: 100%;
}
.field input:focus, .field textarea:focus { outline: none; border-color: var(--accent); }
.field textarea { resize: vertical; min-height: 8em; }
.field--hp { position: absolute; left: -9999px; opacity: 0; pointer-events: none; }
.field-check {
  grid-column: 1 / -1;
  display: flex;
  gap: 0.8em;
  align-items: flex-start;
  font-size: var(--fs-small);
  color: var(--ink-dim);
  cursor: pointer;
}
.field-check input { accent-color: var(--accent); margin-top: 0.25em; }
.kontakt-form__submit { justify-self: start; grid-column: 1 / -1; }
.kontakt-form__ok { grid-column: 1 / -1; color: #6fce7e; font-size: var(--fs-small); }
.kontakt-form__err { grid-column: 1 / -1; color: #e05252; font-size: var(--fs-small); }
@media (max-width: 560px) { .kontakt-form { grid-template-columns: 1fr; } }