/*
 * Basis-Styles fuers Newsletter-Anmeldeformular.
 *
 * Liegt bewusst als Datei und nicht als <style>-Block im Layout: die
 * Content-Security-Policy des Projekts erlaubt Stylesheets nur von der eigenen
 * Domain oder mit Nonce (style-src 'self' 'nonce-...'). Ein roh ins Template
 * geschriebenes <style> bekommt keinen Nonce und wuerde beim Scharfschalten der
 * Policy verworfen - mitsamt der Honeypot-Tarnung ".h" ganz oben, die das
 * Fallenfeld vor echten Nutzern verbirgt.
 *
 * Die Klassen .mmc-dms-form/.form-row/.primary-btn werden zusaetzlich vom Theme
 * gestylt (Look wie die frueheren mmc-Formulare); hier nur das Noetigste, damit
 * Honeypot & Captcha auch ohne Theme-CSS korrekt sind.
 */
.ndk-newsletter-plugin .mmc-dms-form .h { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
/* Jede Zeile klar untereinander (unabhaengig von Theme-Float/Inline-Regeln) */
.ndk-newsletter-plugin .mmc-dms-form .form-row,
.ndk-newsletter-plugin .mmc-dms-form .form-submit { display: block; clear: both; float: none; width: 100%; margin: 0 0 .75rem; }
/* Captcha: Label in eigener Zeile, darunter Bild + Buttons + Eingabefeld */
.ndk-newsletter-plugin .ndk-captcha-row > label { display: block; float: none; margin-bottom: .4rem; }
.ndk-newsletter-plugin .captcha__box { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem; margin: .25rem 0; }
.ndk-newsletter-plugin .captcha__box .captcha { display: flex; align-items: center; gap: .4rem; }
.ndk-newsletter-plugin .captcha__image { height: 44px; width: auto; border: 1px solid #ccc; }
.ndk-newsletter-plugin .captcha__input { height: 44px; box-sizing: border-box; flex: 0 0 4.5em; width: 4.5em; margin: 0; font-size: 1.1rem; text-align: left; }
/* Anrede-Select + Captcha-Feld an das Aussehen der uebrigen Input-Felder angleichen
   (Theme-Konvention, identisch ueber alle theme_*: grau + heller Rahmen).
   padding-right 32px reserviert Platz fuer den Pfeil (appearance:none + Pfeil-Icon
   kommen aus dem Theme-CSS, form select); line-height 1.2 statt geerbter 1.4,
   weil native Select-Controls trotz appearance:none ein paar px hoeher bleiben
   als Text-Inputs mit identischem Padding. */
.ndk-newsletter-plugin select { background-color: #f2f2f2; border: 2px solid #e0e0e0; color: inherit; padding: 8px 32px 8px 12px; font-size: 18px; line-height: 1.2; margin: 5px 0 0 0; }
.ndk-newsletter-plugin .captcha__input { background-color: #f2f2f2; border: 2px solid #e0e0e0; color: inherit; }
.ndk-newsletter-plugin .captcha__reload,
.ndk-newsletter-plugin .captcha__audio { display: inline-flex; align-items: center; color: inherit; text-decoration: none; cursor: pointer; }
.ndk-newsletter-plugin .captcha__reload svg { height: 30px; width: auto; display: block; }
.ndk-newsletter-plugin .captcha__audio svg { height: 34px; width: auto; display: block; }
.ndk-newsletter-plugin .form-submit { text-align: left; margin-top: 12px; }
.ndk-newsletter-plugin .form-submit .primary-btn { display: inline-block; float: none; margin-left: 0; }