* {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      padding: 0;
      font-family:'Roboto', sans-serif;
      /*background: linear-gradient(to bottom right, #e0e0e0, #b0c4de);*/
	background: linear-gradient(to bottom right, #e0e0e0, #b0c4de); /* Silber zu Blau */
      color: #333;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 100vh;
      text-align: center;
      user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 1rem;
      width: 100%;
    }

    .logo img {
      max-width: 50%;
      height: auto;
      margin-bottom: 2rem;
    }

    .container {
      width: 100%;
      max-width: 500px;
      background-color: #ffffffcc;
      padding: 2rem;
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.4);
    }

    h1 {
      color: #225493;
      font-size: 1.5rem;
      margin-bottom: 1rem;
    }
	
	h2 {
    color: #225493;
    font-size: 1.3rem;
    margin-bottom: 1rem;
    }

    p {
      font-size: 1rem;
      line-height: 1.4rem;
      color: #4D5358;
      margin: 0.5rem 0;
    }

    @media (min-width: 768px) {
      h1 {
        font-size: 1.8rem;
      }
	  
	  h1 {
        font-size: 1.6rem;
      }

      p {
        font-size: 1.2rem;
      }
    }