/* CSS-Definitionsdatei, die Site-übergreifende Stylesheets enthält */
html {padding: 0 2% 10px;}
.pic {display: block; margin: 0; 
	//border-radius: 10px;  
	width: 100%;
}
.mich {display: block; margin: 0 auto; 
	//border-radius: 10px; 
	//box-shadow: 5px 5px 5px #888888; 
	width: 33%; float: right;
}
img{ 
//border-radius: 5px; 
	
}/*box-shadow: 5px 5px 5px #888888; }*/
.home{
	//border-radius: 5px; 
	box-shadow: 5px 5px 5px #888888; 
	margin-left: 9px;
	text-align: center; 
	width: 19%;  max-width:500px;
}

body {
	position:relative;
	background: #e0e0e0;
	font-family: ABeeZee, sans-serif;	font-size:0.85 em;
	color: #000000;
	width: 100%;
	//height:100%;
	margin: 0 auto;
}
* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
main {
	float:center;
	width: 100%;
	margin: 2px 0 2px 0;
	-moz-box-align: center;         /* Mozilla */
	-webkit-box-align: center;      /* WebKit */
	box-align: center;              /* As specified */
}
article{  
	width: 100%; 
	//height:100%;
	background: #f0f0f0;overflow:hidden;
	//background-image: url("img/back1gn.jpg");
	padding: 5px;
	text-align: center;
		margin: 0 auto;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	//-webkit-border-radius: 10px;
	//border-radius: 10px;

}
section {
	//display:flex;
	padding: 0px;
	position:relative;
	width:80%;
	margin: 0 auto;
	background: #ffffff;
	overflow:hidden;
	-webkit-box-shadow: 0 0 80px rgba(0,0,0,0.1) inset, 0 3px 1px rgba(0,0,0,0.15);
	box-shadow: 0 0 80px rgba(0,0,0,0.1) inset, 0 3px 1px rgba(0,0,0,0.15);
	//-webkit-border-radius: 10px;
	//border-radius: 10px;

}
.index{
	width: 48%;
	margin: 0 auto;
	background: #f0f0f0;
	-webkit-box-shadow: 0 0 0px rgba(0,0,0,0.1) inset, 0 3px 1px rgba(0,0,0,0.15);
	box-shadow: 0 0 0px rgba(0,0,0,0.1) inset, 0 0px 0px rgba(0,0,0,0.15);
	}
.section_right{
	padding: 0px;
	position:relative;
	width:49%;
	margin: 0px 0px 0 0;
	background: #ffffff;
	float: right;
	-webkit-box-shadow: 0 0 80px rgba(0,0,0,0.1) inset, 0 3px 1px rgba(0,0,0,0.15);
	box-shadow: 0 0 80px rgba(0,0,0,0.1) inset, 0 3px 1px rgba(0,0,0,0.15);
	//-webkit-border-radius: 10px;
	//border-radius: 10px;
}

aside {
	position: relative;
	background: #f0f0f0;
	width:33%; 
	float:right;
	padding: 5px;
	margin: 0px 0px 15px 0px;
	//height: 66vh;
	//-webkit-box-shadow: 0 0 80px rgba(0,0,0,0.1) inset, 0 3px 1px rgba(0,0,0,0.15);
	//box-shadow: 0 0 80px rgba(0,0,0,0.1) inset, 0 3px 1px rgba(0,0,0,0.15);
	//-webkit-border-radius: 10px;
	//border-radius: 10px;

}


header {
	background: #e0e0e0;
	width: 100%;
	height: 75px;
	margin:0 auto;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	//border-radius: 0 0 15px 15px;
}
.social {
	float: left;
	margin: 0 15px 0 0;
}
p {
	font-size: 1em;
	line-height: 1.1em;
	margin: 10px 0 0 0;
	padding: 5px;
}


h1 { /* Überschrift rechts */
	color: #fff;
	font-size: 1.15em;
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	margin: 0 0 0 0;
	background: rgba(49,94,172,0.95);
	//-webkit-border-radius: 0 0 5px 5px;
	border-bottom:2px #bfcfff;
	border-radius: 5px 5px 5px 5px;
	//-webkit-box-shadow: 0 3px 0 #888888;
	box-shadow: 0 3px 0 #bbbbbb;
}

header {
	background: #e0e0e0;
	width: 100%;
	height: 75px;
	margin:0 auto;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	//border-radius: 0 0 15px 15px;
}
#logo {
	float: left;clear:both;
	margin: 0px 0 0 3%;
	color: #58585a;
	font-size:1.0em;
	font-style:italic;
	font-weight:normal;
	
}
footer {
	width:96%;
	padding:0px 2% 0 2%
	
}
footer #copyright {
	font-size: 0.6em;
	float: right;
}
/*=================================================================*/
@media only screen and (max-width: 639px) { /*wenn kleiner als 860px*/
p {
	font-size: 0.80em;
	line-height: 1.1em;
	margin: 10px 0 0 0;
}
}
@media only screen and (max-width: 460px) { /*wenn kleiner als XXXpx*/

body{width:100%}

.home{
	//border-radius: 5px; 
	box-shadow: 5px 5px 5px #888888; 
	margin-left: 5px;
	text-align: center; 
	width: 19%; min-width:100px; max-width:500px;
}
	
aside {
	width:100%; min-width:240px; 
	float:left;
	padding: 5px;
	margin: 0px 0px 15px 0px;
}
section {
	width:100%; min-width: 240px;

}
p {
	font-size: 0.80em;
	line-height: 1.1em;
	margin: 10px 0 0 0;
}
.index{width: 100%}

.section_right{
	padding: 0px;
	position:relative;
	width:100%; 
	margin: 0px 13px 0 0;
	background: #ffffff;
	float: left;
	-webkit-box-shadow: 0 0 80px rgba(0,0,0,0.1) inset, 0 3px 1px rgba(0,0,0,0.15);
	box-shadow: 0 0 80px rgba(0,0,0,0.1) inset, 0 3px 1px rgba(0,0,0,0.15);
	//-webkit-border-radius: 10px;
	//border-radius: 10px;
}

}
/** CONTENT **/