a		{
	font-family: "Marcellus", "Courier", serif;	
	background-color: #edf;
	font-size: 100%;
}
article	{	
	font-family: "Marcellus", "Courier", serif;	
	font-size: 120%;
	color: beige;
}
audio	{
	float:right;
	width: 365px;
}

body	{
	background-image: url("25feb25_bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-color: azure;
}
h1	{
	font-family: "Marcellus", "Courier", serif;	
	font-size: 240%;
	color:#22F;
	font-weight: normal;
	text-align:center;
}
h2	{
	font-family: "Marcellus", "Courier", serif;	
	background-color:aliceblue;
	font-size: 14pt;
	height: 7em;
	color: rgb(31, 16, 240);
	width: 365px;
}
header	{
	font-family: "Marcellus", "Courier", serif;	
	font-size: 240%;
	color: rgb(237, 247, 250);
	background-image: linear-gradient(60deg, rgba(66, 147, 223, 0.123), rgba(5, 82, 248, 0.062));
	text-align: right;
}
hr{
	height: 40px;
	background-color: beige;
}
html	{
	height: 100%
}
img{
	float:left;
	width: 365px;
	margin-top: 3em;
	opacity: 1;	
}
input	{
	border: white;
	background-color: white;
	text-align: center;
	text-transform: uppercase;
	height: 30pt;
	width: 30pt;
}
input.farbe {
    background-color: #9f9f;
}
p	{
	font-family: "Marcellus", "Courier", serif;	
	font-size: 100%;
	font-weight: normal;
}
table	{
	background-color: rgba(242, 252, 113, 0.733);
	border-collapse: collapse;
	float: left;
}
td{
    border-left: 1px solid gray;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
}
.k	{
	border-left: 3px solid red;
	border-top: 3px solid red;
}
.l	{
	border-left: 3px solid red;
}
.o {
	border-top: 3px solid red;
}

@media only screen and (min-width: 768px)	{
audio	{
		margin-left: 60%;
		width: 40%;
}
h2	{
		margin-left: 60%;
		width: 40%;
		text-align: center;
}
header	{
	position: relative;
	margin: auto;
	width: 653pt;
}
section 	{
	width: 653pt;
	position: relative;
	margin: auto;
}img{
	float:right;
	width: 40%;
	margin-top: 3em;
}
}