/* Newsletter-Popup. Farben/Radien aus den Site-Tokens (Memory maxxisun-brand-tokens). */
.mxs-nl-popup{position:fixed;inset:0;z-index:100000;background:rgba(20,20,20,.45);display:grid;place-items:center;padding:16px}
.mxs-nl-popup[hidden]{display:none}
.mxs-nl-fenster{position:relative;background:#fff;border-radius:16px;box-shadow:0 1px 2px rgba(20,26,20,.04),0 12px 32px rgba(20,26,20,.12);width:min(420px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:22px 22px 18px;font-family:'Inter',-apple-system,sans-serif;color:#4A4A4A}
.mxs-nl-fenster [data-mxs-nl-vorher],.mxs-nl-fenster [data-mxs-nl-danach]{display:grid;gap:12px}
.mxs-nl-fenster [hidden]{display:none!important}
.mxs-nl-x{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;border:0;background:#F5F5F4;color:#141414;font-size:17px;cursor:pointer}
.mxs-nl-eyebrow{justify-self:start;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(105deg,#1EDB16,#91FF00);color:#141414;padding:4px 10px;border-radius:100px}
.mxs-nl-titel{font-size:25px;font-weight:800;letter-spacing:-.02em;color:#141414;line-height:1.15;margin:0}
.mxs-nl-fenster .mxs-nl-titel{padding-right:30px}
.mxs-nl-titel em{font-style:normal;color:#2EA83C}
.mxs-nl-text{font-size:14px;margin:0}
.mxs-nl-fenster form{display:grid;gap:10px;margin:0}
.mxs-nl-fenster input[type=email]{width:100%;border:1px solid #d9d9d6;border-radius:10px;padding:11px 12px;font-size:16px;color:#141414;background:#fff}
.mxs-nl-haken{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;line-height:1.45;cursor:pointer}
.mxs-nl-haken input{margin-top:2px;flex:0 0 auto}
.mxs-nl-haken a{color:#141414;text-decoration:underline}
.mxs-nl-meldung{color:#A02128;font-size:13px;margin:0;min-height:0}
.mxs-nl-meldung:empty{display:none}
.mxs-nl-knopf{border:0;border-radius:100px;background:linear-gradient(105deg,#1EDB16,#91FF00);color:#141414;font-weight:800;font-size:15px;padding:13px 16px;cursor:pointer}
.mxs-nl-knopf:disabled{opacity:.6;cursor:wait}
.mxs-nl-klein{font-size:11px;line-height:1.5;color:#6E6E6E;margin:0}
.mxs-nl-spaeter{border:0;background:none;color:#141414;text-decoration:underline;font-size:12.5px;cursor:pointer;justify-self:center}
.mxs-nl-honig,.mxs-nl-unsichtbar{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.mxs-nl-fenster :focus-visible{outline:2px solid #2EA83C;outline-offset:2px}
/* Handy: Blatt von unten. Der Knopf endet 74 px vor dem rechten Rand — dort liegt das schwebende TS-Siegel (nie ausblenden). */
@media (max-width:640px){
  .mxs-nl-popup{place-items:end stretch;padding:0}
  .mxs-nl-fenster{width:100%;border-radius:18px 18px 0 0;padding:18px 16px calc(16px + env(safe-area-inset-bottom,0px));max-height:88vh}
  .mxs-nl-titel{font-size:21px}
  .mxs-nl-knopf{margin-right:74px}
}
@media (prefers-reduced-motion:reduce){.mxs-nl-popup *{transition:none!important;animation:none!important}}
/* Nach der Anmeldung (Variante A, 08.10.): mittig, Haken, Knopf wie „Gutschein sichern" */
.mxs-nl-fenster .mxs-nl-danach{justify-items:center;text-align:center}
.mxs-nl-haken-gross{width:52px;height:52px;border-radius:50%;background:linear-gradient(105deg,#1EDB16,#91FF00);color:#141414;display:grid;place-items:center;font-size:26px;font-weight:800}
.mxs-nl-fenster .mxs-nl-danach .mxs-nl-titel{padding-right:0}
.mxs-nl-fenster .mxs-nl-danach .mxs-nl-knopf{justify-self:stretch}  /* stretch statt width:100%: mobil bleibt margin-right:74px (TS-Siegel) */