.black-bg {
  background-color: #3e3e3e;
}

/* Regeln für große Bildschirme (Monitore) */
@media (min-width: 1200px) {
  .center {
    display: flex;
    align-items: center;
    justify-content: center;
	width: 100vw;
    height: 100vh;
  }
}

/* Regeln für mittlere Bildschirme (Tablets) */
@media (min-width: 768px) and (max-width: 1199px) {
  .center {
    display: flex;
    align-items: center;
    justify-content: center;
	width: 100vw;
    height: 100vh;
  }
}

/* Regeln für kleine Bildschirme (Smartphones) */
@media (max-width: 767px) {
  .center {
    display: flex;
    align-items: center;
    justify-content: center;
	width: 100vw;
    height: 100vh;
  }
}