body {
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 95vw;
  color: rgb(0, 0, 0);
  background-color: #e789d0;
}

div.header {
  display: flex;
  margin: 2vmin;
  height: 4vh;
  background: linear-gradient(rgb(109, 2, 29), rgb(36, 0, 22));
  justify-content: center;
  align-items: center;
  color: #fefefe;
  font-family: sans-serif;
  font-size: 5vmin;
  border: 0px solid #350505;
  padding: 10px;
  border-radius: 20px;
  
}

div.content {
    margin: 2vmin;
    font-family: sans-serif;
    font-size: 3vmin;
    padding: 10px;
}

div.footer {
  display: flex;
  margin: 2vmin;
  height: 5vh;
  align-items: center;
  padding: 2px;
  justify-content: flex-end;
  font-size: 2vmin;
  padding: 10px;
  color: rgb(0, 0, 0);
  font-family: sans-serif;
  border-top: 1px solid rgb(0, 0, 0);
}

div.spacer
{
    display: block;
    height: 1vh; 
    
}

table.simple
{
	font-family: verdana,arial,sans-serif;
  font-size: 3vmin;
	color:#000000;
	border-width: 1px;
	border-color: #7a0404;
  border-collapse: collapse; 
}

table.simple th 
{
  border-width: 0px;
  padding: 2vmin;
	color: rgb(0, 0, 0);
	border-style: solid;
  border-color:#e789d0;
}

.sticky--container
{
  height:500px;
  overflow-y:scroll;
  overflow-x:visible;
}

.sticky--container table
{
  width:100%;
}

table.simple td 
{
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
  background-color: #ffffff;
  text-align: left;
}


table.matrix 
{
	font-family: verdana,arial,sans-serif;
  font-size: 3vmin;
	color:#ffffff;
  border:0px solid rgb(0, 0, 0); 
  border-spacing: 2px;
}

table.matrix th 
{
  position: sticky;
  top: 0px;
  padding: 2px;
	color: rgb(255, 255, 255);
  background-color: rgb(151, 5, 5); background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(160, 1, 1)), to(#350000));
}


table.matrix td 
{
	padding: 2px;
  background-color: #000000;
  text-align: center;
}

table.matrix tr:nth-of-type(even) td 
{
  background-color: rgb(185, 38, 33);
} 


.field-wrap {
  position: relative;
  margin-bottom: 40px;
}


.form {
  background: rgba(19, 35, 47, 0.9); 
  padding: 40px;
  max-width: 600px;
  margin: 40px auto;
  border-radius: 4px;
  box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
}

.login-button {
  display:block;
  /* width:20vw; */
  height:5vh;
  line-height:5vh;
  border: 1px solid #f5f5f5;
  /* border-radius: 40%; */
  color:#f5f5f5;
  text-align:center;
  text-decoration:none;
  background: #464646;
  box-shadow: 0 0 3px gray;
  font-size: 4vmin;
  font-weight:bold;
  float: right;
  padding: 1vh;
}

.login-button:hover {
  background: #262626;
}


.regeln-button {
    display:block;
    /* width:20vw; */
    height:5vh;
    line-height:5vh;
    border: 1px solid #f5f5f5;
    /* border-radius: 40%; */
    color: linear-gradient(to right, red , yellow);
    text-align:center;
    text-decoration:none;
    background: #464646;
    box-shadow: 0 0 3px gray;
    font-size: 4vmin;
    font-weight:bold;
    float: left;
    padding: 2%;
  }
  
  .regeln-button:hover {
    background: #262626;
  }


.button_spielregeln
{
    border:0px solid #3D6A2D;-webkit-box-shadow: #B7B8B8 0px 1px 0px ;-moz-box-shadow: #B7B8B8 0px 1px 0px ; box-shadow: #B7B8B8 0px 1px 0px ; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;font-size:3vmin;font-family:verdana, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
    background-color: #07A317; background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(160, 1, 1)), to(#350000));
    background-image: -webkit-linear-gradient(top, rgb(160, 1, 1), #350000);
    background-image: -moz-linear-gradient(top, rgb(160, 1, 1), #350000);
    background-image: -ms-linear-gradient(top, rgb(160, 1, 1), #350000);
    background-image: -o-linear-gradient(top, rgb(160, 1, 1), #350000);
    background-image: linear-gradient(to bottom, rgb(160, 1, 1), #350000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#07A317, endColorstr=#023307);
}

.button_login
{
    float: right;
    border:1px solid #A65621;-webkit-box-shadow: #B7B8B8 0px 1px 0px ;-moz-box-shadow: #B7B8B8 0px 1px 0px ; box-shadow: #B7B8B8 0px 1px 0px ; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;font-size:3vmin;font-family:verdana, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
    background-color: #FF8457; background-image: -webkit-gradient(linear, left top, left bottom, from(#FF8457), to(#7D3207));
    background-image: -webkit-linear-gradient(top, #FF8457, #7D3207);
    background-image: -moz-linear-gradient(top, #FF8457, #7D3207);
    background-image: -ms-linear-gradient(top, #FF8457, #7D3207);
    background-image: -o-linear-gradient(top, #FF8457, #7D3207);
    background-image: linear-gradient(to bottom, #FF8457, #7D3207);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF8457, endColorstr=#7D3207);
}

.button_logout
{
    float: right;
    border:1px solid #A65621;-webkit-box-shadow: #B7B8B8 0px 1px 0px ;-moz-box-shadow: #B7B8B8 0px 1px 0px ; box-shadow: #B7B8B8 0px 1px 0px ; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;font-size:3vmin;font-family:verdana, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
    background-color: #FF8457; background-image: -webkit-gradient(linear, left top, left bottom, from(#FF8457), to(#7D3207));
    background-image: -webkit-linear-gradient(top, #FF8457, #7D3207);
    background-image: -moz-linear-gradient(top, #FF8457, #7D3207);
    background-image: -ms-linear-gradient(top, #FF8457, #7D3207);
    background-image: -o-linear-gradient(top, #FF8457, #7D3207);
    background-image: linear-gradient(to bottom, #FF8457, #7D3207);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF8457, endColorstr=#7D3207);
}