.elementor-12948 .elementor-element.elementor-element-8997b10{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(max-width:767px){.elementor-12948 .elementor-element.elementor-element-8997b10{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-9b6564a *//* Abschnitt */
.signup-hero {
  max-width: 760px;
  margin: 40px auto 80px;
  text-align: center;
  padding: 0 16px;
}
.signup-title {
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.15;
  margin: 40px 0 8px;
  font-weight: 700;
  color: #065955;
}
.signup-sub {
  color: #667085;
  margin: 0 auto 28px;
  max-width: 680px;
}

/* Steps */
.signup-steps {
  color: #065955;
  font-size: 18px;
  display: flex;
  gap: 22px;
  justify-content: center;
  margin-bottom: 18px;
 
}
.signup-steps .active {
 
  color:#065955; 
  font-weight:700; 
  text-decoration: underline; 
  font-size: 18px;
  
}

/* Card */
.signup-card {
  background: #fff;
  border: 1px solid #EDF0F2;
  border-radius: 14px;
  padding: 22px;
  box-shadow: 0 6px 20px rgba(2,38,36,.06);
}

/* HubSpot Form styling */
#signupForm .hs-form-field {
  margin-bottom: 14px;
  text-align: left;
}
#signupForm label {
  font-weight: 600;
  color: #022624;
  margin-bottom: 6px;
  display: inline-block;
}
#signupForm input[type="text"],
#signupForm input[type="email"],
#signupForm select {
  width: 100%;
  height: 48px;
  border: 1px solid #D0D5DD;
  border-radius: 10px;
  padding: 0 14px;
  outline: none;
}
#signupForm input:focus {
  border-color: #065955;
  box-shadow: 0 0 0 3px rgba(6,89,85,.15);
}

/* Checkbox + Label */
#signupForm input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  transform: translateY(3px);
}
#signupForm .hs-form-booleancheckbox label {
  font-weight: 500;
  color: #022624;
}
#signupForm a {
  color: #065955;
  text-decoration: underline;
}


/* --- GROSSER SUBMIT-BUTTON WIE "WEITER" --- */
#signupForm .hs-submit .actions,
.hbspt-form form .hs-submit .actions {
  text-align: center;
}

#signupForm .hs-button.primary,
#signupForm input[type="submit"],
.hbspt-form form input[type="submit"] {
  display: block;
  width: 100%;
  height: 64px;                 /* Button-Höhe wie im Screenshot */
  padding: 18px 24px;           /* Innenabstand für "massiv" */
  border-radius: 16px;          /* große, weiche Ecken */
  font-size: 20px;              /* gut lesbar */
  font-weight: 700;
  line-height: 1;               /* keine doppelte Höhe */
  letter-spacing: .2px;

  background: #065955;          /* Markenfarbe digital office */
  color: #fff;
  border: none;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(6, 89, 85, .25);
}

#signupForm .hs-button.primary:hover,
#signupForm input[type="submit"]:hover,
.hbspt-form form input[type="submit"]:hover {
  filter: brightness(.95);
  transform: translateY(-1px);
}

#signupForm .hs-button.primary:focus,
#signupForm input[type="submit"]:focus,
.hbspt-form form input[type="submit"]:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(6, 89, 85, .25);
}

/* Optional: etwas Abstand nach oben, damit der Button nicht klebt */
#signupForm .hs-submit { margin-top: 16px; }



/* Login-Link */
.signup-login {
  margin-top: 18px;
  color: #667085;
}
.signup-login a {
  color: #065955;
  font-weight: 600;
}/* End custom CSS */