/* — Public-Seiten kompakt & zentriert */
main, .container, .content, .page {
  max-width: 640px;
  margin: 24px auto;
  padding: 0 12px;
}

/* — Buttons in deinen Farben (#1a90a5 / Hover #c9a540) */
.button, button, input[type="submit"] {
  background: #c9a540 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 12px 18px !important;
  font: 600 15px/1 system-ui, Segoe UI, Roboto, Arial !important;
  text-decoration: none !important;
  display: inline-block !important;
}
.button:hover, button:hover, input[type="submit"]:hover {
  background: #c9a540 !important;
}

/* — Formularfelder schlicht, weiß/schwarz */
form input[type="text"],
form input[type="email"],
form input[type="password"]{
  width:100%;
  box-sizing:border-box;
  background:#fff;
  color:#000;
  border:1px solid #e5e7eb;
  border-radius:10px;
  padding:12px 14px;
  font:14px/1.3 system-ui, Segoe UI, Roboto, Arial;
}
form input:focus{ outline:2px solid #1a90a5; outline-offset:2px; }

/* — (falls noch sichtbar) Listen-Aufzählung ausblenden */
.content ul, .optin ul, ul.lists { display:none !important; }

/* — Nur unser Inject-Button knallig & groß */
#mh-welcome-btn {
  background: #ff6a00 !important;     /* Gold/Orange – "knallig" */
  color: #fff !important;
  font-size: 18px !important;          /* deutlich größer */
  font-weight: 700 !important;
  padding: 16px 24px !important;       /* doppelte Höhe */
  border-radius: 12px !important;
  text-transform: none !important;
  letter-spacing: .2px !important;
}
#mh-welcome-btn:hover { background: #b4872b !important; }

/* Falls Listmonk den Zurück-Button mit einer speziellen Klasse liefert,
   zusätzlich sichern (schadet nicht, selbst wenn es nicht zutrifft): */
a.button[href*="subscription"], a.button[href="/"], a.button[href="#back"] {
  display: none !important;
}
