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("26mrz26_bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-color: rgb(137, 148, 247);
}
h1	{
	font-family: "Marcellus", "Courier", serif;	
	font-size: 240%;
	color:white;
	font-weight: normal;
	text-align:center;
}
h2	{
	font-family: "Marcellus", "Courier", serif;	
	background-color:rgb(115, 163, 116);
	margin-inline-start: 10%;
	font-size: 14pt;
	height: 5em;
	color: white;
	width: 365px;
}
header	{
	font-family: "Marcellus", "Courier", serif;	
	font-size: 240%;
	color: white;
	background-image: linear-gradient(60deg, rgba(72, 158, 69, 0.925), rgba(35, 204, 20, 0.5));
	text-align: left;
}
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(206, 245, 203);
	border-collapse: collapse;
	float: left;
}

.k	{
	border-left: 3px solid rgb(180, 10, 10);
	border-top: 3px solid rgb(180, 10, 10);
}
.l	{
	border-left: 3px solid rgb(180, 10, 10);
}

.o {
	border-top: 3px solid rgb(180, 10, 10);
}


@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;
}
}