/* just aesthetics */
body{
  height: 100vh;
  display:flex;
  background: #CA4750;
  /*font-family: 'Montserrat', sans-serif; */
  font-size:1.3em;
}

.container{
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}


.box {
  border-style:solid;
  border-width:3px;
  border-color:gray;
  padding:10px;
}
  
.gross {
  width:70%;
}
.klein {
  width:50%;
}
  
.rot {
  background-color: #C04045;
  color:white;
}
.weiss {
    background-color: #FFFFCC;
    color:#C04045;
}

.textmittig{
  text-align: center;
}
.vertzentriert{
	display:table-cell;
	vertical-align:middle;
	height:inherit;
	width:inherit;
}

a {
  text-decoration: none; 
}

a:link {
  text-decoration: none;
  color: white;
}

a:visited {
  color: white;
  text-decoration: none;
  width: 100%;
}

a:hover {
  background-color: white;
  width: 100%;
  color: #CA4750;
}

ul { margin-left: 0.5em; padding-left: 0.5em; }
ol { margin-left: 0.5em; padding-left: 0.5em; }