@font-face {
	font-family: 'open-sans';
    src: url('fonts/opensans-light-webfont.woff2') format('woff2'),
         url('fonts/opensans-light-webfont.woff') format('woff');
	font-weight:300;
}
@font-face {
    font-family: 'open-sans';
    src: url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff');
	font-weight: 400;
}
@font-face {
    font-family: 'open-sans';
    src: url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibold-webfont.woff') format('woff');
	font-weight: 600;
}
@font-face {
    font-family: 'open-sans';
    src: url('fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff');
	font-weight: 700;
}

*{box-sizing: border-box;}

body {
	margin: 0px;
	padding: 0px;
	background-color:#FFF;
}
#bg-header{width:100%; height:120px; position:absolute; z-index:0;}
body.beratung #bg-header {
	background-color: #dfe0c0;
}
body.therapie #bg-header{
	background-color: #f2f3e6;
}
.clear{clear:both;}

#wrapper{
	position:relative;
	width:100%;
	max-width:960px;	
	margin:auto;
	padding: 0 2%;
}
header{
	margin-left:250px;
	padding: 35px 0 40px;
}
#es img{width:320px; height:auto; float:left;}
#logo{float:right;}
#logo img{width:66px; height:auto;}

#burgerbutton{display: none; cursor:pointer; margin-bottom:20px;}


nav{
	float:left;	
	width:210px;
	margin-bottom:30px;
}
main{
	float:right;		
	width:calc(100% - 250px);
}
@media screen and (max-width:800px){
	#bg-header{height:90px;}
	header{float: none; padding:20px 0 40px; margin-left:0; height:105px;}
	
	
	#burgerbutton{display: block;}
	nav{display:none;}
	main{width:100%;}
	.bild{max-width:40%;}
	.bild img{width:100%; height:auto;}
}

.kasten{
	padding:5% 4%; border-radius:20px; width:100%;  
border: solid 1px rgba(114,128,18,0.5);
background-color: #f2f3e6;
 }
.kasten #linkbilder {width:170px; float:left;}
.kasten #linkbilder li {
	color: #000; padding:10px 0; font-size:15px; font-weight:400; list-style-type:none;
}
.kasten #linkbilder img {
	vertical-align:middle;
}
.kasten #linkbilder a:hover {
	text-decoration: none
}
.kasten #claim{float:right; width:calc(100% - 170px); text-align:right; padding-top:65px;}
.kasten #claim li {
	color: #333; padding:15px 0; font-size:18px; font-weight:400; list-style-type:none;
}
@media screen and (max-width:480px){
	#es img{width:240px;}
	#logo img{width:48px;}
	.kasten #claim li {font-size:15px;}
}
.glossar main{float:none; width:90%; margin:5%;}
.bild{
	float:right;
	margin-top:5px;
	margin-bottom:20px;
	margin-left:20px;
}
footer{
	width:100%;
	clear:both;
	padding:20px 0;
	text-align:center;
	background:#eee;
}
body, h1, h2, h3, p, li, textarea, input{
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: 'open-sans', sans-serif;
	font-size: 15px;
	color: #666633;
}
h1{	font-size: 20px; font-weight:normal; color:#728012; }
body, h2, p, li{
	color: #666633;
}
textarea, input{
	color: #000;
}
.klein{font-size: 12px;}

main a {
	color: #737B0A;
	text-decoration:none;
	font-weight:600;
}
main a:hover{
	color: #333317;
	text-decoration:underline;
}
.bild p, .bild, .bild a:link, .bild a:visited{
	font-size: 10px;
	color: #B5BBB5;
	text-decoration:none;
}
footer p, footer a:link, footer a:visited{
	font-size: 13px;
	color: #777;
	text-decoration:none;
}
h1, h2, p, main li{
	line-height: 160%;	
}
h1, h2, p{
	margin-top:0px;
	margin-bottom:14px;
}
main img{border-radius:10px;}
main ul{
	list-style:circle outside; 
	margin:0px 0px 15px 15px;
	padding:0px;}
h2{
	font-weight: 700;
}

h3, strong{font-weight: 600;}
nav ul{
	list-style:none;
	position:relative;
}
nav ul, nav li, form{
	margin:0px;
	padding:0px;
}
nav ul ul{
	margin-left:15px;
	margin-right:-15px;
}
nav ul li{
	
	margin-top:2px;
	
}
ul#hauptnav li.therapie a{
	background-color:rgb(242,243,230);
}
ul#hauptnav li.beratung a{
	background-color:#E2E4C8;
}
nav a{
	display:block;
	padding:6px 8px;
	color:#728012;
	text-decoration:none;
	border:solid 1px #BBA;
	border-radius:4px;
}
nav a.current, footer a.current{
	font-weight:700;
}
input[type=text]{
	width:150px;
	margin-right:20px;
}
textarea{width:320px;height:160px;}

.uns{display:none;}