@media (max-width: 1000px) {

  .blue:hover {
    text-decoration: none;
  }

  .info-notice a:hover {
    color: var(--grey);
    transform: none;
  }
}

@media (max-width: 560px) {

  .sign-up-header {
    padding: 16px 16px 0px;
  }

  .sign-up-header img {
    width: 62px;
  }

  .sign-up-container {
    width: 300px;
  }

  .arrow {
    left: 16px;
  }

  .register-headline h1 {
    font-size: 40px;
  }

  form {
    padding: 0 13px 28px;
  }

  .checkbox {
    display: flex;
    justify-content: center;
    padding: 0;
  }
}