/* Nach deiner bisherigen styles.css laden. */
.newsletter-form { position: relative; }
.newsletter-consent {
  display: flex !important;
  align-items: flex-start;
  gap: 10px;
  margin: 13px 0 0 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.55;
  color: #e1ece4;
}
.newsletter-consent input {
  flex: 0 0 17px;
  width: 17px;
  height: 17px;
  margin: 3px 0 0;
  accent-color: #ffcf71;
}
.newsletter-consent a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.newsletter-form button:disabled { cursor: wait; opacity: .7; }
.newsletter-status {
  margin: 14px 0 0;
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid transparent;
  font-size: 14px;
  line-height: 1.5;
}
.newsletter-status[data-state="success"] { background: #e6f5e9; color: #174e38; border-color: #a9d4b4; }
.newsletter-status[data-state="error"] { background: #fff0ed; color: #8a2920; border-color: #e4b5ae; }
.newsletter-status[data-state="info"],
.newsletter-status[data-state="loading"] { background: #fff4d9; color: #624b19; border-color: #dbc793; }
.newsletter-status[hidden] { display: none; }
/* Honeypot gegen einfache Bots. Nicht mit type="hidden" ersetzen. */
.newsletter-honeypot {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}