.kontakt__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-16);
  align-items: start;
}
.kontakt__title {
  font-size: var(--fs-h2);
  font-weight: 500;
  line-height: 1.25;
  color: var(--color-ink);
  margin: 0 0 var(--space-6);
  max-width: 22ch;
}
.kontakt__text { font-size: var(--fs-body); line-height: var(--lh-body); color: var(--color-ink-soft); max-width: 52ch; }
.kontakt__text p { margin: 0 0 var(--space-6); }
.kontakt__text p:last-child { margin-bottom: 0; }

.kontakt__details { margin: var(--space-8) 0 0; padding-top: var(--space-6); border-top: var(--border-hairline); }
.kontakt__detail { display: flex; gap: var(--space-3); margin: 0 0 var(--space-2); }
.kontakt__detail:last-child { margin-bottom: 0; }
.kontakt__detail-label { flex: none; min-width: 90px; font-size: var(--fs-small); color: var(--color-muted); margin: 0; }
.kontakt__detail-value { margin: 0; font-size: 1rem; color: var(--color-ink); }
.kontakt__link { color: var(--color-accent); text-decoration: underline; text-underline-offset: 3px; }

.kontakt__cta { margin-top: var(--space-8); }

.kontakt__form { border: var(--border-hairline); padding: var(--space-8); }
.kontakt__field { margin: 0 0 var(--space-6); }
.kontakt__field--hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.kontakt__label {
  display: block;
  font-size: var(--fs-eyebrow);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--color-muted);
  font-weight: 500;
  margin: 0 0 var(--space-2);
}
.kontakt__input,
.kontakt__textarea {
  width: 100%;
  font-family: var(--font-serif);
  font-size: 1rem;
  color: var(--color-ink);
  background: transparent;
  border: var(--border-hairline);
  border-radius: var(--radius);
  padding: 12px 14px;
}
.kontakt__textarea { resize: vertical; }
.kontakt__input:focus,
.kontakt__textarea:focus { outline: none; border-color: var(--color-accent); }
.kontakt__field--consent { display: flex; align-items: flex-start; gap: var(--space-3); }
.kontakt__checkbox { flex: none; width: 18px; height: 18px; margin: 3px 0 0; accent-color: var(--color-accent); }
.kontakt__consent { font-size: var(--fs-small); line-height: var(--lh-body); color: var(--color-ink-soft); }
.kontakt__consent a { color: var(--color-accent); text-decoration: underline; text-underline-offset: 3px; }

.kontakt__submit { margin-top: var(--space-2); }

.kontakt__success, .kontakt__error { font-size: var(--fs-body); line-height: var(--lh-body); margin: 0; }
.kontakt__error { color: #7A2E2E; }

/* Formular-Box-Kontrast: weißer Block -> beige Box, beiger Block -> weiße Box */
.kontakt.section--paper .kontakt__form { background: var(--color-surface); }
.kontakt.section--surface .kontakt__form { background: var(--color-paper); }

@media (max-width: 820px) {
  .kontakt__inner { grid-template-columns: 1fr; gap: var(--space-12); }
}