/* Kontaktseite: kurzes Formular im Stil des Fragebogens (Eingabefelder und Häkchen kommen aus briefing.css). */
.kontakt { max-width: 780px; }
.kontakt__kopf { margin-bottom: clamp(26px, 4vw, 42px); }
.kontakt__kopf h1 {
  margin: 10px 0 16px; color: #151017;
  font-family: var(--display); font-weight: 400; text-transform: uppercase;
  font-size: clamp(2.4rem, 7vw, 4.6rem); line-height: 1; letter-spacing: .005em;
}
.kontakt__text { max-width: 560px; margin: 0; font-size: clamp(1rem, 1.4vw, 1.12rem); color: #4a4a52; }
.kontakt__form, .kontakt__danke {
  padding: clamp(22px, 3.6vw, 38px); border-radius: 28px; background: #fff;
  box-shadow: 0 0 0 1px rgba(21,16,23,.06), 0 30px 70px -40px rgba(21,16,23,.35);
}
.kontakt__form > .btn { margin-top: 24px; }
.optional { font-weight: 500; color: var(--muted); }
.kontakt__falle { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.kontakt__hinweis { margin: 16px 0 0; font-size: .92rem; color: #6a6a72; }
.kontakt__danke:focus { outline: none; }
.kontakt__danke h2 {
  margin: 0 0 12px; color: #151017;
  font-family: var(--display); font-weight: 400; text-transform: uppercase; font-size: clamp(2rem, 5vw, 3.2rem); line-height: 1;
}
.kontakt__danke .btn { margin-top: 10px; }