#jelentkezes {
  display: flex;
  flex-direction: column;
  align-items: center;

  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 4vw;
  padding-right: 4vw;

  background-image: url("../img/damsz-landing-bottom-v2.jpg");
  background-size: cover;
  background-repeat: no-repeat;

  color: white;
}

.jelentkezes-cim {
  font-size: clamp(16px, 16vw, 3.5rem);
}

#jelentkezes .button {
  width: 10rem;
}

#jelentkezes input {
  width: 22.5rem;
  height: 2.75rem;
}

#jelentkezes input::placeholder {
  color: rgba(0, 0, 0, 0.25);

  font-size: 1.2rem;
  font-weight: 600;
}

#jelentkezes input[type="text"],
#jelentkezes input[type="email"],
#jelentkezes input[type="tel"] {
  padding-left: 0.5rem;
}

#jelentkezes input[type="text"]:focus,
#jelentkezes input[type="email"]:focus,
#jelentkezes input[type="tel"]:focus {
  outline: none !important;
  border: 0.05rem solid green;
  box-shadow: 0 0 0.5rem greenyellow;
}

.form-wrapper {
  width: 34.35rem;
}

.form-first-section {
  display: flex;
}

#submit1 {
  min-height: 44px;

  margin-left: 1.5rem;

  align-self: end;
}

#submit2 {
  min-height: 44px;

  display: none;

  margin-top: 2rem;
}

.privacy-policy-wrapper {
  display: flex;
  flex-wrap: nowrap;
  column-gap: 0.25rem;

  margin-top: 1.5rem;
}

.privacy-policy-wrapper span {
  margin-top: 0.2em;
}

#privacyPolicy {
  width: 1rem !important;
  height: 1rem !important;

  accent-color: var(--primary);
}

@media (max-width: 900px) {
  .form-wrapper {
    width: fit-content;
  }

  .form-first-section {
    display: block;
  }

  #jelentkezes input {
    width: 100%;
  }

  #submit1 {
    display: none;
  }

  #submit2 {
    display: block;
  }
}