/* CSS Document */

body {
	background-color: #201980;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #CCCCCC;
	margin-left: auto;
	margin-right: auto;
}
button {
  background-color: #ff7700; /* Farbe des Button-Hintergrunds */
  border: none; /* Kein Rahmen */
  color: white; /* Schriftfarbe */
  padding: 15px 32px; /* Innenabstand */
  text-align: center; /* Zentrierte Schrift */
  text-decoration: none; /* Keine Unterstreichung */
  display: inline-block; /* Block-Element in der Zeile */
  font-size: 16px; /* Schriftgröße */
  margin: 4px 2px; /* Abstand zu anderen Elementen */
  cursor: pointer; /* Mauszeiger wird zum "Finger"-Zeiger */
  -webkit-transition-duration: 0.4s; /* Übergangszeit für Webkit-Browser */
  transition-duration: 0.4s; /* Übergangszeit */
}

/* Beim Überfahren mit der Maus */
button:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19); /* Schatten */
}

/* Beim Anklicken */
button:active {
  background-color: #ff8800; /* Neue Hintergrundfarbe */
  box-shadow: 0 5px #666; /* Neuer Schatten */
  transform: translateY(4px); /* Verschiebt den Button nach unten */
}