.elementor-17658 .elementor-element.elementor-element-b69a561{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-17658 .elementor-element.elementor-element-b69a561:not(.elementor-motion-effects-element-type-background), .elementor-17658 .elementor-element.elementor-element-b69a561 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8fb6e5c );}.elementor-17658 .elementor-element.elementor-element-5f3e8a3{width:100%;max-width:100%;}.elementor-17658 .elementor-element.elementor-element-5f3e8a3.elementor-element{--flex-grow:1;--flex-shrink:0;}#elementor-popup-modal-17658{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-17658 .dialog-message{width:855px;height:auto;}#elementor-popup-modal-17658 .dialog-close-button{display:flex;}#elementor-popup-modal-17658 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-17658 .dialog-close-button i{color:var( --e-global-color-primary );}#elementor-popup-modal-17658 .dialog-close-button svg{fill:var( --e-global-color-primary );}#elementor-popup-modal-17658 .dialog-close-button:hover i{color:var( --e-global-color-123d902 );}@media(max-width:1366px){.elementor-17658 .elementor-element.elementor-element-b69a561{--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}}/* Start custom CSS for html, class: .elementor-element-5f3e8a3 *//* === Container === */
.hbspt-form {
  margin: 0 auto;
  font-family: inherit;
  min-height: 250px;
}

/* === Fieldsets: Abstände === */
.hbspt-form fieldset {
    display: flex;
  max-width: none !important;
  margin-bottom: 1rem;
  border: none;
  padding: 0;
}

/* === Inputs & Select === */
/* === Inputs & Select - einheitliche Höhe in ALLEN Browsern === */
.hbspt-form .hs-input,
.hbspt-form select.hs-input {
    width: 100% !important;
    padding: 0.75rem 1rem !important;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 1rem;
    line-height: 1.5;          /* ← entscheidend für konsistente Höhe */
    background: #fff;
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
    
    /* Native Browser-Optik entfernen (Safari!) */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
    /* Höhe explizit erlauben */
    height: auto;
    min-height: 0;
    
    font-family: inherit;       /* Safari nutzt sonst System-Font für Select */
}

/* === Select: alte feste Höhe ENTFERNEN, eigener Pfeil === */
.hbspt-form select.hs-input {
    /* Falls noch irgendwo "height: 3.3rem" steht — überschreiben */
    height: auto !important;
    
    /* Eigener Pfeil als SVG-Background */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23333' stroke-width='2' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 12px 8px;
    
    /* Platz rechts für den Pfeil */
    padding-right: 2.5rem !important;
    
    /* Cursor zeigen */
    cursor: pointer;
}


/* Checkboxen: native Optik wiederherstellen */
.hbspt-form input[type="checkbox"],
.hbspt-form input[type="radio"] {
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    appearance: auto !important;
    width: 1rem !important;
    height: 1rem;
    accent-color: #2563eb;
}

/* Placeholder-Look beim Select */
.hbspt-form select.hs-input.is-placeholder {
    color: #777;
}

/* IE/Edge Legacy Pfeil verstecken */
.hbspt-form select.hs-input::-ms-expand {
    display: none;
}

/* === Checkboxen === */
.hbspt-form .legal-consent-container {
    width: 100%;
  margin: 1rem 0;
  font-size: 0.9rem;
  color: #333;
}

.hbspt-form .hs-form-booleancheckbox-display {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  cursor: pointer;
}

.hbspt-form .hs-form-booleancheckbox .hs-input {
  outline: none;
  width: 1rem !important;
}

.hbspt-form select.hs-input.is-placeholder {
  color: #777;  /* Placeholder-Look für Select */
}

.hs_firstname {
    flex-grow: 3;
}

/* Bullets bei Checkbox-Listen entfernen */
.hbspt-form ul.inputs-list,
.hbspt-form .legal-consent-container ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0;
}

.hbspt-form ul.inputs-list li,
.hbspt-form .legal-consent-container li {
    list-style: none !important;
    margin: 0;
    padding: 0;
}


/* === Responsive: unter 520px alles untereinander === */
@media (max-width: 520px) {
  .hbspt-form fieldset {
    flex-direction: column;
  }

  /* Einzelne Felder volle Breite + flex-grow-Override */
  .hbspt-form fieldset .hs-form-field,
  .hbspt-form fieldset .hs-form-field .input {
    flex-grow: 1 !important;
    flex-basis: auto !important;
    width: 100% !important;
  }

  /* Dein .hs_firstname flex-grow: 3 zurücksetzen */
  .hbspt-form .hs_firstname {
    flex-grow: 1;
  }
}/* End custom CSS */