/* CL-005: gemeinsame Darstellung der beibehaltenen Lead- und Berichtskomponenten. */
.lead-page {
  background: #fff !important;
  color: #2f4858 !important;
  font-family: Manrope, Arial, sans-serif !important;
}
.lead-page h1,
.lead-page h2,
.lead-page h3 {
  font-family: "Bricolage Grotesque", Arial, sans-serif !important;
  color: #2f4858 !important;
}
.lead-page section[style*="background"],
.lead-page form[style*="background"] {
  background: #f0f4f6 !important;
}
.lead-page [style*="color:#fff"],
.lead-page [style*="color: #fff"],
.lead-page [style*="color:rgba(255"],
.lead-page [style*="color: rgba(255"] {
  color: #2f4858 !important;
}
.lead-page .lp-form-wrap {
  padding: 70px 24px;
  background: #f0f4f6;
}
.lead-page .lp-form-container {
  max-width: 760px;
  margin: auto;
}
.lead-page .lp-form-header {
  margin-bottom: 32px;
}
.lead-page .lp-form-header h2 {
  font-size: clamp(2rem, 4vw, 3rem);
  margin: 16px 0;
}
.lead-page .lp-form-card {
  background: #fff;
  border: 1px solid rgba(47, 72, 88, 0.15);
  border-radius: 5px;
  padding: 32px;
}
.lead-page .form-field {
  margin-bottom: 24px;
}
.lead-page .form-field label {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
}
.lead-page input:not([type="checkbox"]):not([type="hidden"]),
.lead-page select,
.lead-page textarea {
  font-family: Manrope, Arial, sans-serif !important;
  background: #fff !important;
  color: #2f4858 !important;
  border: 1px solid rgba(47, 72, 88, 0.5) !important;
  border-radius: 4px;
  max-width: 100%;
  padding: 12px 14px;
}
.lead-page .form-field input {
  width: 100%;
}
.lead-page .checkbox-field {
  margin: 24px 0;
}
.lead-page .checkbox-label {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.lead-page input[type="checkbox"] {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 5px;
  accent-color: #007160;
}
.lead-page .lp-submit-btn {
  background: #46ffe3;
  color: #2f4858;
  border: 0;
  border-radius: 4px;
  padding: 16px 24px;
  font:
    600 1rem Manrope,
    Arial,
    sans-serif;
  width: 100%;
  cursor: pointer;
}
.lead-page .lp-form-trust {
  font-size: 0.8rem;
  color: #546a77;
  margin-top: 20px;
}
.lead-page .req {
  color: #007160;
}
.lead-page .sf-q-title,
.lead-page .sf-q-hint,
.lead-page .sf-welcome h1,
.lead-page .sf-welcome p {
  color: #2f4858 !important;
}
.lead-page .sf-option {
  background: #f0f4f6;
  color: #2f4858;
  border-color: rgba(47, 72, 88, 0.5);
}
.lead-page .sf-option.selected {
  border-color: #007160;
  background: #e9fff4;
}
.lead-page .sf-key {
  color: #2f4858;
}
.lead-page .sf-progress {
  background: rgba(47, 72, 88, 0.15);
}
.lead-page .sf-progress-fill {
  background: #46ffe3;
}
.lead-page .sf-btn {
  background: #46ffe3;
  color: #2f4858;
}
.lead-page .sf-email-input,
.lead-page .sf-price-input {
  color: #2f4858 !important;
  border-color: rgba(47, 72, 88, 0.5) !important;
}
.lead-page .sf-thanks h2,
.lead-page .sf-thanks p {
  color: #2f4858;
}
@media (max-width: 700px) {
  .lead-page .lp-form-card {
    padding: 22px;
  }
  .lead-page .lp-form-wrap {
    padding: 50px 20px;
  }
  .lead-page .footer {
    padding-inline: 0;
  }
  .lead-page section {
    overflow-wrap: break-word;
  }
  .lead-page .hero h1 {
    font-size: clamp(2.2rem, 8vw, 3.2rem) !important;
  }
}

.lead-page a[style*="color:#46ffe3"],
.lead-page a[style*="color: #46ffe3"] {
  color: #007160 !important;
}
.lead-page .ci-lp-quote {
  color: #2f4858;
}
.lead-page .sf-q-text,
.lead-page .sf-enter-hint,
.lead-page .sf-slider-labels,
.lead-page .sf-step-counter,
.lead-page .sf-summary-label,
.lead-page .sf-summary-value {
  color: #2f4858 !important;
}
.lead-page .sf-next-btn {
  background: #46ffe3 !important;
  color: #2f4858 !important;
}
.lead-page .ci-lp-hero {
  background: #fff !important;
}
.lead-page .ci-lp-hero p {
  color: #546a77 !important;
}