* {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html,
    body {
      min-height: 100%;
      font-family: Arial, Helvetica, sans-serif;
    }

    body {
      background-color: #000;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      background-attachment: fixed;
      color: #f6d08a;
    }

    main {
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 40px 1.5rem 3rem;
      background: rgba(0, 0, 0, 0.6);
    }

    .logo-link {
      text-decoration: none;
    }

    .logo {
      display: block;
      width: min(256px, 100%);
      height: auto;
      margin: 0 auto 2rem;
      filter: drop-shadow(0 0 18px rgba(255, 90, 24, 0.55));
    }

    .wrapper-box {
      width: min(600px, 100%);
	  font-size: 15px;
      padding: 2rem;
      border: 2px solid #b84a1b;
      border-radius: 18px;
      background: linear-gradient(180deg, rgba(24, 8, 4, 0.72), rgba(0, 0, 0, 0.7));
      box-shadow: 0 0 25px rgba(255, 92, 24, 0.28);
	  text-align:center;
    }


/* Firefox Autofill-Farbe überschreiben */
input:-moz-autofill {
  box-shadow: 0 0 0 1000px #120806 inset !important;
  -moz-text-fill-color: #fff0cf !important;
  caret-color: #fff0cf !important;
}

input:autofill {
  box-shadow: 0 0 0 1000px #120806 inset !important;
  -webkit-text-fill-color: #fff0cf !important;
}