@font-face{
  font-family:"LemondeSansStd";
  src:url("https://wicklein-forms.de/wp-content/uploads/fonts/brandfont/lemondesansstd-light_woff2") format("woff"),
      url("https://wicklein-forms.de/wp-content/uploads/fonts/brandfont/lemondesansstd-light_woff") format("woff");
  font-weight:300;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"LemondeSansStd";
  src:url("https://wicklein-forms.de/wp-content/uploads/fonts/brandfont/lemondesansstd-bold_woff2") format("woff2"),
      url("https://wicklein-forms.de/wp-content/uploads/fonts/brandfont/lemondesansstd-bold_woff") format("woff");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}


/* Aufs komplette Form ziehen */
body, input, textarea, select, button {
  font-family:"LemondeSansStd", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* Embedded: oben (Y) + mittig (X) */
html.is-embedded,
html.is-embedded body{
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html.is-embedded body{
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important; /* oben */
  align-items: center !important;         /* mittig */
}


/* Die Box, die JS markiert: Breite + Zentrierung */
html.is-embedded .bf-embed-box{
  width: 100% !important;

  /* wie Webflow-Container */
  max-width: 1200px !important;

  /* wenn du FULL WIDTH willst, statt 1200px:
     max-width: none !important;
  */

  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* 1) Vertikal NICHT zentrieren -> oben starten */
.standalone-form-container{
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;

  /* falls hier 100vh/min-height drin ist */
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  padding-bottom: 40px !important; 
}

/* 2) Horizontal mittig durch Wrapper (ohne vertikale Nebenwirkungen) */
.standalone-form-wrapper,
#bitforms_1_1{
  width: 100% !important;
  max-width: 700px; /* bei Bedarf anpassen */
  margin-left: auto !important;
  margin-right: auto !important;

  /* wichtig: keine auto-Margins oben/unten, sonst wird wieder vertikal zentriert */
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 16px !important;
}

.bit-form [data-field-key="b1-15"] label sup,
.bit-form [data-field-key="b1-15"] label .req,
.bit-form [data-field-key="b1-15"] label .bf-required,
.bit-form [data-field-key="b1-15"] label .required {
  color: #e53935;
  font-weight: 600;
}