body {
     background: green url("hintergrund.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100vh;
    display: grid;
    grid-template-columns: 1fr;
     grid-gap: 1em; /*Zwischenraum zwischen den Zellen*/
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
}

a { color:darkorange;
    font-weight: bold;}

a:hover {color: white;}

.links {
    place-self: center;
}

.rechts {
    place-self: center;
}

.button {
  border: none;
  background-color: black;
  border-radius: .6em .6em .6em .6em;
   opacity: 0.6; 
  color: orange;
  padding: 16px 32px;
  text-align: center;
  width: 240px;
  text-decoration: none;
  display: inline-block;
  font-size: 2.5em;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.button:hover {
    background-color: orange;
    color: white;
}


@media (min-width: 70em) {  


body {
grid-template-columns: 1fr 1fr;
}

    .button {
        font-size: 4em;
        width: 400px;
    }
    
.links {
	grid-column-start: 1;
	grid-column-end: 2;
    place-self: center;
	}

.rechts {
	grid-column-start: 2;
	grid-column-end: 3;
    place-self: center;
	}
    
}