.elementor-5082 .elementor-element.elementor-element-49e8189{--display:flex;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-5082 .elementor-element.elementor-element-8ff0dfc .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-5082 .elementor-element.elementor-element-8ff0dfc .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-5082 .elementor-element.elementor-element-8ff0dfc .elementor-field-group.recaptcha_v3-bottomleft, .elementor-5082 .elementor-element.elementor-element-8ff0dfc .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-5082 .elementor-element.elementor-element-8ff0dfc .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-5082 .elementor-element.elementor-element-8ff0dfc .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-5082 .elementor-element.elementor-element-8ff0dfc .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-5082 .elementor-element.elementor-element-8ff0dfc .elementor-field-type-html{padding-bottom:0px;}.elementor-5082 .elementor-element.elementor-element-8ff0dfc .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-5082 .elementor-element.elementor-element-8ff0dfc .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-5082 .elementor-element.elementor-element-8ff0dfc .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-5082 .elementor-element.elementor-element-8ff0dfc .elementor-button[type="submit"]{color:#ffffff;}.elementor-5082 .elementor-element.elementor-element-8ff0dfc .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-5082 .elementor-element.elementor-element-8ff0dfc .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-5082 .elementor-element.elementor-element-8ff0dfc .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-5082 .elementor-element.elementor-element-8ff0dfc .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-5082 .elementor-element.elementor-element-8ff0dfc .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-5082 .elementor-element.elementor-element-8ff0dfc .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-5082 .elementor-element.elementor-element-8ff0dfc{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:767px){.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}/* Start custom CSS *//* =========================================================================
   VdH Donaueschingen — Ausbildungsanfrage-Formular (Elementor Form Widget)
   Einbau: Seiteneinstellungen der Seite /ausbildungsanfrage/ (bzw. später
   /ausbildung/) → Erweitert → Custom CSS → diesen kompletten Inhalt
   einfügen. Voraussetzung: design-tokens-global.css ist bereits sitenweit
   aktiv (liefert die --vdh-* Variablen).

   Macht aus Elementors Standard-Formularfeldern die Pillen-Optik aus dem
   Entwurf (kontaktformular-entwurf.html). Wirkt auf ALLE Elementor-
   Formulare der Seite — aktuell gibt es nur dieses eine.
   ========================================================================= */

/* -------------------------------------------------------------------------
   0. Breite an die Einleitung angleichen
   Der Intro-Text (im HTML-Widget darüber, .vdh-kontakt) ist auf 680px
   begrenzt und zentriert. Das Formular-Widget selbst sitzt in der vollen
   Container-Breite darunter — dadurch wirkten die Felder deutlich breiter
   als der Text darüber. Hier auf dieselbe Breite angleichen.
   ------------------------------------------------------------------------- */
.elementor-widget-form{
  max-width: 680px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  flex-grow: 0 !important;
}

/* -------------------------------------------------------------------------
   1. Text- & E-Mail-Felder
   ------------------------------------------------------------------------- */
.elementor-widget-form .elementor-field-label{
  font-family:'Poppins', sans-serif !important;
  font-weight:600 !important;
  font-size:13px !important;
  color:var(--vdh-ink) !important;
}
.elementor-widget-form .elementor-field.elementor-field-textual{
  font-family:'Nunito Sans', sans-serif !important;
  font-size:15px !important;
  color:var(--vdh-ink) !important;
  background:var(--vdh-surface) !important;
  border:1.5px solid var(--vdh-line) !important;
  border-radius:10px !important;
  padding:11px 14px !important;
  height:auto !important;
  box-shadow:none !important;
  transition:border-color .15s ease;
}
.elementor-widget-form .elementor-field.elementor-field-textual:focus{
  border-color:var(--vdh-moss) !important;
  outline:none !important;
}
.elementor-widget-form .elementor-field.elementor-field-textual::placeholder{
  color:var(--vdh-ink-soft) !important;
  opacity:.85;
}

/* -------------------------------------------------------------------------
   2. "Interesse an" — Checkbox-Liste als Pillen-Buttons
   Zusätzlich in Elementor prüfen: am Feld "Interesse an" gibt es meist
   einen Schalter "Inline-Liste" — auf "Ja" stellen. Das CSS hier erzwingt
   die nebeneinander-Anordnung aber auch unabhängig davon (erhöhte
   Spezifität, damit Elementors eigene Stapel-Regel sicher überschrieben wird).
   ------------------------------------------------------------------------- */
.elementor-widget-form .elementor-field-type-checkbox .elementor-field-subgroup,
.elementor-widget-form .elementor-field-subgroup.elementor-subgroup-inline,
.elementor-widget-form .elementor-field-subgroup{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  width:auto !important;
}
.elementor-widget-form .elementor-field-type-checkbox .elementor-field-option,
.elementor-widget-form .elementor-field-option{
  display:inline-flex !important;
  width:auto !important;
  flex:0 0 auto !important;
  margin:0 !important;
}
.elementor-widget-form .elementor-field-option input[type="checkbox"]{
  position:absolute;
  width:1px; height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
}
.elementor-widget-form .elementor-field-option label{
  display:inline-block !important;
  font-family:'Poppins', sans-serif !important;
  font-weight:600 !important;
  font-size:13.5px !important;
  padding:9px 16px !important;
  border-radius:100px !important;
  border:1.5px solid var(--vdh-line) !important;
  background:var(--vdh-surface) !important;
  color:var(--vdh-ink-soft) !important;
  cursor:pointer;
  margin:0 !important;
  width:auto !important;
  transition:all .15s ease;
}
.elementor-widget-form .elementor-field-option input[type="checkbox"]:checked + label{
  background:var(--vdh-marigold) !important;
  border-color:var(--vdh-marigold) !important;
  color:var(--vdh-marigold-ink) !important;
}
.elementor-widget-form .elementor-field-option input[type="checkbox"]:focus-visible + label{
  outline:2px solid var(--vdh-moss);
  outline-offset:2px;
}

/* -------------------------------------------------------------------------
   3. Absenden-Button
   ------------------------------------------------------------------------- */
.elementor-widget-form .elementor-field-type-submit button.elementor-button{
  font-family:'Poppins', sans-serif !important;
  font-weight:600 !important;
  font-size:15px !important;
  background:var(--vdh-marigold) !important;
  color:var(--vdh-marigold-ink) !important;
  border:none !important;
  border-radius:100px !important;
  padding:13px 28px !important;
  transition:transform .15s ease;
}
.elementor-widget-form .elementor-field-type-submit button.elementor-button:hover{
  background:var(--vdh-marigold) !important;
  color:var(--vdh-marigold-ink) !important;
  transform:translateY(-1px);
}

@media (prefers-reduced-motion: reduce){
  .elementor-widget-form .elementor-field.elementor-field-textual,
  .elementor-widget-form .elementor-field-option label,
  .elementor-widget-form .elementor-field-type-submit button.elementor-button{
    transition:none;
  }
}

/* -------------------------------------------------------------------------
   Optional: Name/E-Mail bzw. Name Hund/Alter Hund nebeneinander statt
   untereinander — dafür in Elementor am jeweiligen Feld unter "Erweitert"
   die "Spaltenbreite" auf 50 statt 100 stellen. Kein CSS nötig, ist eine
   Einstellung direkt im Formular-Widget.
   ========================================================================= *//* End custom CSS */