/* ************************************************ */
/* DATEI: style_buttonbox.css                    */
/* ************************************************ */

.bereich_button {
  display: grid;
  /*
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	grid-template-columns: 40% 40%;
  */
	grid-template-columns: 60%;
	grid-gap: 1em;
  align-self: center;
	justify-self: center;
  place-self: center; 
  align-items: center;
  justify-content:center;
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
}

.buttonbox {
  display: flex; 
  justify-content: center; 
  align-items: center;
  font-size: 1.2em;
  color: #FFFFFF;
	/*
  width: 250px;
  height:auto;
  */
	cursor: pointer;
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
  border: 2px solid #5C5C5C;
	border-radius: 5px;
  background-color:#CCCCCC;
  /*
  box-shadow: 3px 3px #999999;
  */
  box-shadow: 5px 5px 5px #aaaaaa;
}

.buttonbox p {
  text-align: center;
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
}

/* --- Links allgemein --- */
.buttonbox:link {
  color:#FF6633;
  text-decoration:none;
}
.buttonbox:hover {
  color:#339933;
  text-decoration:none;
  background-color:#a9d4a9;
}
.buttonbox:visited {
  text-decoration:none;
}
.buttonbox:active {
  text-decoration:none;
	box-shadow: 3px 3px #666666;
}

li {
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}