/* Lidhaze – Newsletter-Formular im Footer (eigene Datei; style.css bleibt unverändert).
   Nutzt die Farbvariablen aus style.css (:root). */
.nl-foot { max-width: var(--page); margin: 0 auto; padding: 0 24px 28px; }
.nl-foot-inner { display: grid; grid-template-columns: 1.2fr 2fr; gap: 40px; align-items: start;
  border-top: 1px solid var(--line); padding-top: 24px; }
.nl-foot-lead { color: var(--text-3); font-size: 14px; margin: 0; max-width: 320px; }
.nl-foot-form { margin: 0; max-width: 520px; }
.nl-label { display: block; font-size: 14px; color: var(--text-2); margin-bottom: 6px; }
.nl-row { display: flex; gap: 10px; flex-wrap: wrap; }
.nl-row input[type="email"] { flex: 1 1 220px; min-width: 0; padding: 10px 14px; border-radius: 12px;
  border: 1px solid var(--line-strong); background: var(--raised); color: var(--text); font: inherit; font-size: 15px; }
.nl-row input[type="email"]:focus-visible { outline: 2px solid var(--sky); outline-offset: 2px; }
.nl-row .btn { flex: 0 0 auto; }
.nl-row .btn[disabled] { opacity: .6; cursor: wait; }
.nl-hint { font-size: 12px; color: var(--text-3); margin: 8px 0 0; }
.nl-hint a { color: var(--text-2); }
.nl-msg { font-size: 14px; margin: 8px 0 0; min-height: 1.2em; }
.nl-msg.is-ok { color: var(--ok); }
.nl-msg.is-err { color: var(--bad); }
/* Honigtopf: für Menschen unsichtbar, aber nicht display:none (manche Bots überspringen das) */
.nl-hp { position: absolute !important; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.nl-page-form { margin-top: 24px; }
@media (max-width: 760px) {
  .nl-foot { padding: 0 16px 24px; }
  .nl-foot-inner { grid-template-columns: 1fr; gap: 12px; }
}