body {
	width: 100%;
	border: 4px dotted #0000ff;
	padding: 2%;
	background-color: #3f888f;
	background-attachment: fixed;
	background-size: cover;
}
h1 {
	color: #ffffff; 
	font-family: britannic bold;
	text-align: center;
}
h2 {
	color: #ffffff; 
	font-family: britannic bold;
	text-align: center;
}
span.kopfbild {
	display: inline-block;
	border-radius: 30px;
	margin: 0px;
	padding: 0px;
	width: 24%;
}
span.schaltfl {
	display: inline-block;
	border-radius: 30px;
	margin: 0px;
	padding: 0px;
	width: 24%;
	font-family: Arial;
	background-color: #18adf2;
	text-align: center;
	vertical-align: middle;
}
table, th, td {
	border:0px ;
	table-layout: fixed;
	width: 100%; 
	font-size: 16px;
	color: #ffffff;
}
span.schaltfl {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	width: 24%;
	font-family: Arial;
	background-color: #ffffff;
	text-align: center;
	vertical-align: middle;
}
.button {
  background-color: #00008B;
  border: none;
  color: #ffffff;
  padding: 15px 32px;
  border-radius: 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-family: britannic bold;
  font-size: 20px;
  margin: 4px 2px;