/* ============================================================
   Longevity — lr-newsletter. Zentriertes, dunkles Newsletter-Band.
   Sektionsflaeche ueber background_color_class = dark (theme.css faerbt Typo/Eyebrow).
   Formular = EXT:form (BsBased) — hier auf schlanke, zentrierte On-Dark-Optik gebracht.
   Gescoped auf .frame-type-atomicplan_lrnewsletter.
   ============================================================ */
.frame-type-atomicplan_lrnewsletter .lr-newsletter__inner {
  max-width: 640px; margin-inline: auto; text-align: center;
}
.frame-type-atomicplan_lrnewsletter .lr-newsletter__inner .eyebrow { justify-content: center; }
/* h2 = generische Theme-Groesse — hier nur Layout/Abstand. */
.frame-type-atomicplan_lrnewsletter .lr-newsletter__inner h2 {
  margin: 1.4rem auto 1.2rem; max-width: 18ch;
}
.frame-type-atomicplan_lrnewsletter .lr-newsletter__text {
  color: var(--lr-on-dark-soft); max-width: 46ch; margin: 0 auto 2.4rem;
}
.frame-type-atomicplan_lrnewsletter .lr-newsletter__text > :last-child { margin-bottom: 0; }

/* ---- EXT:form: schlanke On-Dark-Anmeldung ---- */
.frame-type-atomicplan_lrnewsletter .lr-newsletter__form { max-width: 480px; margin: 0 auto; }
.frame-type-atomicplan_lrnewsletter .lr-newsletter__form .form-group { margin-bottom: 1.2rem; position: relative; }
/* Label visuell verbergen (Placeholder traegt den Text) — bleibt fuer Screenreader. */
.frame-type-atomicplan_lrnewsletter .lr-newsletter__form .form-label {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
.frame-type-atomicplan_lrnewsletter .lr-newsletter__form .form-control,
.frame-type-atomicplan_lrnewsletter .lr-newsletter__form input {
  width: 100%; background: transparent; border: 0;
  border-bottom: 1px solid var(--lr-line-on-dark);
  padding: 0.7rem 0; text-align: center; color: var(--lr-on-dark);
  font-family: var(--lr-font-body); font-size: 1.05rem; border-radius: 0;
  transition: border-color 0.4s;
}
.frame-type-atomicplan_lrnewsletter .lr-newsletter__form input::placeholder { color: rgba(243, 239, 237,0.4); }
.frame-type-atomicplan_lrnewsletter .lr-newsletter__form input:focus { outline: none; border-color: var(--lr-bronze); }
.frame-type-atomicplan_lrnewsletter .lr-newsletter__form .error,
.frame-type-atomicplan_lrnewsletter .lr-newsletter__form .form-text { color: var(--lr-stone); font-size: 0.8rem; margin-top: 0.4rem; }

/* Submit = Ghost-Light-Button-Optik (Rand hell, fuellt weiss on hover). */
.frame-type-atomicplan_lrnewsletter .lr-newsletter__form button[type="submit"],
.frame-type-atomicplan_lrnewsletter .lr-newsletter__form .btn {
  margin-top: 0.4rem;
  display: inline-flex; align-items: center; justify-content: center; gap: 0.7em;
  padding: 1.05em 2.4em; font-family: var(--lr-font-body); font-size: 0.74rem;
  font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--lr-on-dark); background: transparent;
  border: 1px solid var(--lr-line-on-dark); border-radius: 0; cursor: pointer;
  transition: background-color 0.45s var(--lr-ease-soft), color 0.45s var(--lr-ease-soft), border-color 0.45s var(--lr-ease-soft);
}
.frame-type-atomicplan_lrnewsletter .lr-newsletter__form button[type="submit"]:hover,
.frame-type-atomicplan_lrnewsletter .lr-newsletter__form .btn:hover {
  background: var(--lr-ivory); border-color: var(--lr-ivory); color: var(--lr-soft-black);
}