.element-block {
  border-radius: 12px;
  padding: 50px;
  background-color: rgba(26, 55, 80, 0.5);

  margin: 50px auto; /* oben/unten: 30px, links/rechts: automatisch */
  max-width: 400px;   /* optional, für saubere Breite */
}

label {
  padding-left: 0;
  display: block;
}

input {
  margin-left: 0;
  display: block;
  width: 100%;
  box-sizing: border-box; /* damit padding mitgerechnet wird */
}

input:focus {
  background-color: #2fb1fd;
}

input.has-content {
  background-color: #1c8fd0;
}

input.has-content:hover {
  background-color: #2fb1fd;
}

input.has-content:focus {
  background-color: #2fb1fd;
}

.button-login {
  margin-left: 0;
  margin: auto auto;
}

@media (max-width: 768px) {
  .element-block {
      width: 95%;
      max-width: none;
      padding: 2rem;
      margin: 1rem auto;
      box-sizing: border-box;
  }
}