/* =========================================================
   v2.8.37 — Contact form compactness
   Scope: contact/kontakt page only.
   Reason: the contact form matched typography, but still felt
   oversized because previous contact-specific CSS used larger
   card padding, wider gaps and a very tall textarea.
   ========================================================= */

/* Use the same calmer form scale as the newsletter form. */
.hs-contact-page-v2832 .contact-panel {
  padding: clamp(34px, 4vw, 54px) !important;
}

.hs-contact-page-v2832 .contact-form {
  margin-top: 26px !important;
}

.hs-contact-page-v2832 .form-grid {
  gap: 22px 32px !important;
}

.hs-contact-page-v2832 label {
  margin-bottom: 10px !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.15em !important;
}

/* Reduce field height to the normal site-form rhythm. */
.hs-contact-page-v2832 input {
  min-height: 54px !important;
  padding: 14px 18px !important;
}

.hs-contact-page-v2832 textarea {
  min-height: 150px !important;
  padding: 16px 18px !important;
}

/* Keep button strong, but less massive. */
.hs-contact-page-v2832 .form-actions {
  margin-top: 28px !important;
}

.hs-contact-page-v2832 .btn,
.hs-contact-page-v2832 button {
  min-height: 52px !important;
  min-width: 176px !important;
  padding: 14px 28px !important;
}

/* The right info card should not visually stretch unnecessarily. */
.hs-contact-page-v2832 .contact-layout {
  align-items: start !important;
}

.hs-contact-page-v2832 .contact-panel {
  height: auto !important;
}

/* Keep right-side action buttons compact too. */
.hs-contact-page-v2832 .quick-actions {
  margin-top: 28px !important;
  gap: 12px !important;
}

@media (max-width: 760px) {
  .hs-contact-page-v2832 .contact-panel {
    padding: 26px !important;
  }

  .hs-contact-page-v2832 .form-grid {
    gap: 20px !important;
  }

  .hs-contact-page-v2832 input {
    min-height: 52px !important;
  }

  .hs-contact-page-v2832 textarea {
    min-height: 140px !important;
  }
}