.section--kontakt{
  background:
    radial-gradient(900px 520px at 110% -10%, #c1dcaf33 0 45%, transparent 46% 100%),
    linear-gradient(180deg, var(--sage-150) 0%, var(--sage-200) 100%);
  border-top:1px solid var(--border);
}
.contact-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:1.1rem; align-items:start;
}
@media (max-width:980px){ .contact-grid{ grid-template-columns:1fr; } }

.contact-list{ list-style:none; margin:.6rem 0; color:#243024; overflow-wrap:anywhere; hyphens:auto; }

.contact-form{
  background:#fff; border:1px solid var(--border); border-radius:var(--r);
  padding:1rem 1.1rem; box-shadow:var(--shadow-sm); position:relative;
}
.contact-form::before{
  content:""; position:absolute; inset:-1px -1px auto -1px; height:7px;
  border-top-left-radius:var(--r); border-top-right-radius:var(--r);
  background: var(--brand-grad);
}

label{ font-weight:700; display:block; margin:.4rem 0; color:#2b3a2b; overflow-wrap:anywhere; hyphens:auto; }
input, textarea{
  width:100%; padding:.95rem 1rem; border:1px solid var(--border); border-radius:14px; background:#fff; color:inherit;
  transition:border-color .2s, box-shadow .25s, filter .25s;
}
input:focus, textarea:focus{ outline:none; border-color:var(--accent-green); box-shadow:0 0 0 4px #c1dcaf66; }

.form-actions{ display:flex; align-items:center; gap:.8rem; margin-top:.7rem; }
.form-hint{ color:var(--muted); overflow-wrap:anywhere; hyphens:auto; }
.form-note{ margin-top:.55rem; color:#1b3a1b; overflow-wrap:anywhere; hyphens:auto; }