/* Kampagnen-Ergänzungen auf den bestehenden Creme-Tokens (neocore.css/cheatcode.css) */

.stat-card {
  background: var(--nc-card, #FFFFFF);
  border: 1px solid var(--nc-line, rgba(28, 31, 42, 0.12));
  border-radius: var(--nc-radius-lg, 14px);
  padding: 28px 24px;
  text-align: center;
}
.stat-card__value {
  font-size: clamp(26px, 3vw, 34px);
  font-weight: 800;
  color: var(--nc-accent, #1f273e);
  letter-spacing: -0.5px;
}
.stat-card__label {
  margin-top: 10px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: var(--nc-muted, #4B4D57);
  line-height: 1.5;
}
.stat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}

.nc-footnote {
  margin-top: 22px;
  font-size: 12px;
  line-height: 1.6;
  color: var(--nc-muted, #4B4D57);
  opacity: 0.85;
  max-width: 820px;
}

/* Select-Feld im Look der nc-input */
select.nc-input {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%234B4D57' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 42px;
}
select.nc-input:invalid { color: var(--nc-muted, #4B4D57); }

/* ---- Lesbarkeits-Fixes (Review 2026-07-05) ---- */

/* Method-Cards sind in neocore.css für dunkle Sektionen gestylt — Re-Skin für hellen Grund */
.method-card {
  background: #FFFFFF;
  border: 1px solid rgba(28, 31, 42, 0.12);
  box-shadow: 0 2px 10px rgba(28, 31, 42, 0.05);
}
.method-card h3 { color: #1C1F2A; }
.method-card p { color: #4B4D57; font-size: 14.5px; line-height: 1.65; }

/* Pflicht-Fußnoten: lesbarer statt kürzer */
.nc-footnote { font-size: 13px; line-height: 1.7; opacity: 1; max-width: 640px; }
.nc-footnote.nc-text-center { margin-inline: auto; }

/* Zeilenlänge Fließtext */
.nc-lead { max-width: 640px; }

/* FAQ-Antworten: Body-Padding wie .faq-item__body */
.faq-item > p { margin: 0; padding: 0 26px 24px; color: #4B4D57; font-size: 14.5px; line-height: 1.7; }

/* Navy-Sektionen: Labels/Disclaimer leicht anheben */
.stats-bar__label { color: rgba(245, 237, 225, 0.85); font-size: 11.5px; }
.footer__copy { font-size: 12.5px; line-height: 1.6; color: rgba(245, 237, 225, 0.85); }

/* Mobile: langer CTA-Text darf umbrechen (390px-Overflow-Fix) */
@media (max-width: 520px) {
  .nc-btn--lg { white-space: normal; text-align: center; }
  .hero__badge { white-space: normal; height: auto; line-height: 1.6; }
}