/*
  starmate webform (.sm-webform) embedded inside the site's .wrapper-form.

  The per-page <style> block for .wrapper-form was written for the old
  Wilken EMS widget. Its fixed field height (40px) clips the text of the
  starmate form, whose fields carry more padding, and the surrounding
  Webflow containers pass on text-align:center. These rules only apply
  to .sm-webform, so the remaining EMS forms keep their styling.
*/

.wrapper-form .sm-webform {
  text-align: left;
}

.wrapper-form .sm-webform input:not([type="checkbox"]):not([type="radio"]),
.wrapper-form .sm-webform select {
  height: auto;
  min-height: 40px;
}

/* Unscoped on purpose: some pages (roi-case-anfragen,
   ausschreibungsguide-erhalten) embed the form in a rich-text block
   instead of .wrapper-form, and the browser's default link blue shows
   there too. */
.sm-webform a {
  color: inherit;
  text-decoration: underline;
}

/* Red asterisks are nearly invisible on the rust box of news/wissen */
.wrapper-form.white .sm-webform .sm-required {
  color: var(--lime);
}

/* A form that stands alone on its page (direct child of the page container,
   no image or text beside it) is as slim as one in a half-width column:
   the 600px form plus its side margin, centered, instead of a grey box as
   wide as the whole container. div-block-16 is the 800px column of the
   newsletter and sales-kontakt pages and gets the same width. */
.w-container > .wrapper-form,
.div-block-16 > .wrapper-form {
  max-width: 668px;
  margin-left: auto;
  margin-right: auto;
}