/* --------------------------------------------------------------------------
  NEWSLETTER
   -------------------------------------------------------------------------- */

/* ==========================================================================
   Mailxpert newsletter form (#formContentId)

   mailxpert.forms.include() injects a cross-origin <iframe> (src on
   web.swissnewsletter.ch) into #formContentId - see forms.js:
   document.createElement("iframe") + formContentId.appendChild(iframe).
   Everything inside that iframe (.container-bg, .form-row, .form-label,
   .form-control, .button, the random .wtfzs/.izunq/... scope class, ...)
   lives in a different document on a different origin. The same-origin
   policy blocks ALL external CSS from reaching it - no selector, however
   specific, and no !important can cross that boundary.

   So the only things stylable from this site are the iframe box itself
   (below) and the surrounding page. Colors/fonts/labels inside the form
   have to be set on mailxpert's side: the fetched form fragment ships a
   full styleSet (color palette, headline1Style/headline2Style/..., each
   with fontFamily/fontSize/color/bold) meaning the form editor at
   web.swissnewsletter.ch has native branding controls for this - use
   those, or ask mailxpert support whether a custom-CSS field exists for
   the iframe content.
   ========================================================================== */

#formContentId {
  width: 100%;
}

#formContentId iframe {
  display: block;
  width: 100%;
  border: 0;
}

.form-control{
  border-bottom: 1px solid #fff !important;
}