@font-face {
  font-family: 'CorporateA';
  src: url('fonts/Corporate-A-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

html, body {
  height: 100%;              /* Ganze Höhe einnehmen */
  margin: 0;                 /* Standardabstand entfernen */
}

body {
  display: flex;              /* Flexbox aktivieren */
  justify-content: center;    /* Horizontal zentrieren */
  align-items: center;        /* Vertikal zentrieren */
  flex-direction: column;     /* Inhalte untereinander statt nebeneinander */
  
  font-family: 'CorporateA', Arial, sans-serif;
  line-height: 1.6;
  text-align: center;         /* Texte in der Mitte ausrichten */
  background-color: #e0e0e0;
}

h1 {
  font-size: 2.5em;
  margin-bottom: 20px;
}

.logo {
  width: 25%;          /* Grundgröße */
  max-width: 250px;    /* obere Grenze */
  min-width: 120px;    /* nicht zu klein */
  height: auto;
}

/* Handy & kleine Tablets */
@media (max-width: 600px) {
  .logo {
    width: 100%;        /* auf kleinen Displays größer in Relation */
    max-width: 666px;  /* aber gedeckelt */
  }
}

/* Große Monitore */
@media (min-width: 1200px) {
  .logo {
    width: 20%;        /* mehr Platz für Logo */
    max-width: 350px;  /* darf größer sein */
  }
}