html, body {
  font-family: Calibri;
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  overflow:hidden;
}

#hintergrund {
  position:absolute;
  width:100%;
  height:100%;
  z-index:1;
}

#scrollbereich {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:auto;   
  z-index:2;
} 

#content {
  position:relative;
  top:0;
  left:0;
  z-index:2;
}


#blocktext {
    margin: 0 auto;
	max-width: 27em;
}

P.blockstaffel {
    margin-left: auto;
    margin-right: auto;
	margin-top:1.875em;
	margin-bottom:1.25em;
	font-size:1.25em;
	color:#1874CD;
}

P.blockein {
    margin-left: auto;
    margin-right: auto;
	padding-left: 6em;
}
P.ohne {
    color:#CD0000;
}
h2 {
    margin-left: auto;
    margin-right: auto;
	margin-bottom:2em;
}

p {
	font-size:1.125em;
	font-weight:bold;
	color:#000000;
}	
	
a:link { font-weight:bold;  color:#000000; text-decoration:none; }
a:visited { font-weight:bold; color:#000000; text-decoration:none; }
a:hover { font-weight:bold; color:#66CDAA; text-decoration:none; }
a:active { font-weight:bold; color:#000000; text-decoration:none;}
a:focus {outline: none;}

@media screen and (max-width: 42em) {
	#blocktext {
		display: block;
	}
	#blocktext, p, h2 {
		padding-left: 1.375em;
		padding-right: .5em;
	}
}