/* Honeypot: fuer Menschen unsichtbar, fuer Screenreader ausgeblendet */
.smx-hp { position:absolute!important; left:-9999px!important; width:1px!important;
          height:1px!important; overflow:hidden!important; }
.smx-form-response { margin-top:1em; padding:.6em 1em; border:2px solid transparent; border-radius:4px; }
.smx-form-response:empty { display:none; }
.smx-form-response.sent    { border-color:#46b450; background:#f4fbf5; color:#1c5b26; }
.smx-form-response.invalid,
.smx-form-response.failed  { border-color:#dc3232; background:#fdf4f4; color:#8a1f1f; }
.smx-field-error { display:block; margin-top:.3em; font-size:.85em; color:#dc3232; }
[aria-invalid="true"] { border-color:#dc3232!important; }

/* Widerruf der Cookie-Einwilligung im Footer.

   Der Link erbt die Footer-Typografie, sah aber nicht klickbar aus:
   keine Unterstreichung, cursor:auto (eine Footer-Regel setzt das so).
   Beides wird hier explizit gesetzt. Eigener Klassenname, damit die Regel
   keine Bestandsklasse trifft - das Stylesheet liegt inline auf jeder
   Seite und traegt dieselben Regeln in unterschiedlicher Reihenfolge,
   deshalb wird hier nichts ueberschrieben, sondern nur ergaenzt. */
a.smx-consent-link {
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
  margin-left: .5em;
  white-space: nowrap;
}
a.smx-consent-link:hover,
a.smx-consent-link:focus-visible {
  text-decoration-thickness: 2px;
}

/* Nach erfolgreichem Versand steht nur noch der Dankestext da, wie früher unter WordPress. */
form.smxform-form.sent > :not(.smx-form-response) { display:none !important; }