html, body {
	margin:0;
	padding:0;
}

html, body {
  height:100%;
}

body {
	background-image:url(bg-meditation-wellenbl.jpg);
	background-position:0 0;
	font-family: "Trebuchet MS",Tahoma, Arial,Verdana,sans-serif;
}
header {
	text-align: center;
}
	
h1 {
	font-size: 32px;
	color: #006;
	font-weight:bold;
	text-shadow: 2px 2px 4px #333333;
}
h2	{
	font-size: 18px;
}
p	{
	font-size:14px;
}
.error	{
	font-size:16px;
	color:#f00;
	font-weight: bold;
}
a:link, a:visited {
	color: #00c;
	text-shadow: 1px 1px 1px #666666;
}
a:hover, a:active {
	color: #00c;
	text-shadow: 1px 1px 1px #cccccc;
}

.wrapper {
	height: 90%;	/* erfordert für die Elternelemente "html, body" auch eine Höhenangabe" */
	padding: 15px;
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	align-content : space-around;
}

.content {
	text-align: center;
}
.mini {
	xheight: 80px;
	font-size: 9px;
	color: #006;
	text-shadow: 1px 1px 5px #000000;
}