/* allgemein */
	@font-face {
		font-family: 'Cormorant Garamond Regular';	src: url('CormorantGaramond-Regular.woff') format('woff');
	}
	
	body,html	{	font-family: Cormorant Garamond Regular, Times, serif; font-size:18pt; background-color:#eeeeee; font-color:#111111; }
	a		{	text-decoration:none; color:black;}
	.link		{	text-decoration:none;}
	
	.page		{	display: flex; flex-direction: column; justify-content: center; border:0pt solid black;} /* ganze Seite */
	
/* header */
	.header		{	display: flex; justify-content: center; border:0pt solid blue;}
	.headerImage	{	display: flex; flex-flow:column; width:80%; max-width:25em;  border:0pt solid black; }
	
/* main */
	.main		{	display: flex; justify-content: center; border:0pt solid blue;}
	.text		{	width:35em; border:0pt solid red; text-align:justify; text-align-last:left; }
	.textImage	{	display: flex; text-align-last: center; flex-flow:column; width:40%; float:left; margin-right:1em; border:0pt solid black; font-size:0.6em; font-family:Arial,sans-serif;}
	.impressum		{	width:35em; border:0pt solid red; text-align:center;}
	h2			{	display: flex; justify-content: center; font-size:1.6em; font-weight:normal; border:0pt solid black; }
	p.indent			{	text-indent:1em;  }
	.imgFirstLetter	{	float:left; margin-left:0em; margin-right:0.2em; height:2.15em; border:0pt solid black; }
	/*p::first-letter { font-size: 2em; color: red; font-weight: bold;}*/
	.img		{	width:100%; }
	.account	{	font-family:Arial,sans-serif; font-face:normal; font-size:0.8em; margin-left:3em;	}
	
/* navigation */
	.navigation		{	display: flex; flex-direction: column; justify-content: center; border:0pt solid blue; font-size:0.8em; margin:1em; padding:1em}
	.navRow			{	display: flex; flex-direction: row;	justify-content: center; border:0pt solid grey; padding:0.2em; width:100%; }

/* footer */
	.footer		{	display: flex; justify-content: center; border-top:0pt solid grey; font-size:0.5em; margin-bottom:2em;  padding:1em}
	
	
/* kleine Bildschirme */
	@media screen and (max-width: 460px) {
		.header			{	justify-content: flex-end;	}
		.headerimage	{	width:80%; border:0pt solid red;  }
		.textImage		{	width:100%; margin-right:0pt; }
		.img			{	width:100%; }
		h2				{	font-size:1.5em;}
	}

/* debug */
	.debug {	position:absolute;	top:10px;	right:40px;	font-size:8pt;	background-color:white;	opacity:0.8;	font-family:Arial;	text-align:right;	}
	.hidden {	visibility:hidden;	}
/* ende debug */

/* Menü */	
	.mMenuImg 		{	position:fixed;	top:0.5em;	left:0.5em;	width:1.5em;	height:1.5em;	background-color:none;	border: 1px solid #adadad;	opacity:0.9;	-moz-border-radius:0.2em; -webkit-border-radius:0.2em;	}
	.mMenuImg:hover {	background-color:#efefef;}
	/* .mMenuSVG 		{	position:fixed;	top:2.5em;	left:0.5em;	width:1.5em;	height:1.5em;	background-color:white;	border: 1px solid #adadad;	opacity:0.9;	-moz-border-radius:5px; -webkit-border-radius:5px;	} */
	.mMenuImgHidden {	position:fixed;	top:0.5em;	left:0.5em;	width:1.5em;	height:1.5em;	background-color:#efefef; opacity:0.9;	visibility:hidden;	}
	.mMenu 			{	position:fixed;	top:2.1em;	left:0.5em;	display: flex;	flex-flow:column;	border:0px solid black;	}
	.mMenuEntry 	{	width:10em;	padding:0.2em;	background-color:white; /*#d1d1d1;*/	text-align:left;	font-family:Cormorant Garamond Regular,Arial,sans-serif;	font-weight:bold;	color:#515151; /* #818181; */	text-decoration:none;	opacity:0.9;	border:0px solid #d1d1d1;	transition: width,padding ease .2s;	}
	.mMenuHidden 	{	visibility:hidden;	font-size:0.1em;	}
/* Menü */	
