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

html, body {
	height:100%;
	font-size: 20px;
	font-family: "Trebuchet MS",Tahoma, Arial,Verdana,sans-serif;

}
body {
	background-image:url(bg-meditation-wellen.jpg);
	background-position:0 0;
}
header {
	text-align: center;
}
	
h1 {
	font-size: 2.0rem;
	xcolor: #e3ba4f;
	color: #ddd;
	font-weight:bold;
	text-shadow: 2px 2px 4px #333;
}
h2	{
	font-size: 1.2rem;
	color: #eee;
	text-shadow: 2px 2px 4px #333;
}
p	{
	font-size: 1.0rem;
}
a:link, a:visited {
	color: #336;
	text-shadow: 1px 1px 1px #333;
}
a:hover, a:active {
	color: #336;
	text-shadow: 1px 1px 1px #fff;
}

.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 {
	font-size: 0.6rem;
	xcolor: #e3ba4f;
	color: #ccc;
	text-shadow: 1px 1px 3px #000;
}
.impress {
	color: #ddd;
	text-shadow: 1px 1px 3px #000;
}