@import url("font-awesome.min.css");
@font-face {
    font-family: 'Roboto Light';
    src: url('fonts/roboto-light-webfont.woff2') format('woff2'),
         url('fonts/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Medium';
    src: url('fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Roboto Regular';
    src: url('fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* General Style */ 
*										{margin:0em; padding:0em; 
										-webkit-box-sizing:border-box;
										-moz-box-sizing:border-box;
										box-sizing:border-box;}

html 								{font-size: 100%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
										overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
										-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
										-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
										/* killing 300ms touch delay in IE */
										-ms-touch-action: manipulation;
										touch-action: manipulation;
										}

header, article,aside,footer,nav,main,section {display: block; }
body 								{background: #fff url(../image/global_hg.jpg) repeat-x; font-family: 'Roboto Medium', sans-serif; font-weight:300; line-height:1.8rem; color:#494333; font-size:1.1em; }

#wrap								{margin: 0 auto; max-width:1200px; width:100%; top:0; /*border: 1px solid green; */ padding:0.5em;} 

img 								{height: auto; /* Make sure images are scaled correctly. */	max-width: 100%; /* Adhere to container width. */}
h1,h2,h3						{clear: both; font-weight:300; margin:0;font-family: 'Roboto Light', sans-serif;}
p 									{margin:0em; padding-bottom:1.25em;	 /* text-align:justify; */}
ul 									{margin:0px; padding:0px; list-style: none;}
li 									{line-height:1.25em; margin:0em; padding:0em; margin:0.313em 0em 0.313em 0em;}
strong							{font-weight:500;}
.einleitung					{font-weight:400; font-size:1.15em;}
.big								{font-size:150%;font-weight:300; }
.bild								{margin: 0 1em 1em 0;}


/* Header */
header							{text-align:center; }
header2   					{display:none;}	

/* Mobile Navi */
.slicknav_menu 			{display:none;}

/* Content Area */ 
#main								{display:block; margin:2.5em 0; max-width:1200px; }
#main 							{padding-bottom:300px;}  /* bottom-Wert muss genau so hoch sein wie der Footer */
#main article 			{display:inline-block; width:64%; vertical-align: top; padding:2.8em; background:#fff; border: 1px solid #e2dac0; 
										-moz-border-radius:15px; /* Firefox */
										-webkit-border-radius:15px; /* Chrome, Safari */
										-khtml-border-radius:15px; /* Konqueror */
										border-radius:15px; /* CSS3 */
										behavior:url(border-radius.htc); /* Internet Explorer */
										}

#main article img 	{max-width:100%; box-shadow:0px 0px 10px -5px #4c4948; border-radius: 0px; float:left; }

#main article h1 		{font-size:2.25em; padding: 0.7em 0; line-height:1.3em; font-weight:300;}
#main article h2 		{font-size:1.65em; padding: 0.7em 0; font-weight:300;}
#main article h3 		{font-size:1.3em; padding: 0.7em 0;font-weight:300;}

#main #liste ul 		{list-style-type: circle; }
#main #liste ul li	{margin-left:2em; padding:0.3em; }

#main article a:link, a:visited			{text-decoration: underline; color:#494333;}
#main article a:hover, a:active  		{text-decoration: underline; color:#b0c265; }

#main aside 				{display:inline-block; float:right; width:34%; margin-left:2%; vertical-align:top; border: 1px solid #e2dac0; background:#fff;
										-moz-border-radius:15px; /* Firefox */
										-webkit-border-radius:15px; /* Chrome, Safari */
										-khtml-border-radius:15px; /* Konqueror */
										border-radius:15px; /* CSS3 */
										behavior:url(border-radius.htc); /* Internet Explorer */}

#main aside 				{color:#096e9b; padding:3em 2em; }

#main aside h1 			{font-size:1.9em; padding-bottom: 0.7em; color#075d83; }
#main aside h2 			{font-size:1.5em; padding-bottom: 0.5em; color#075d83;}
#main aside h3 			{font-size:1.5em; padding: 0.5em 0 0.3em 0; color#075d83;}


nav 								{padding-bottom:3em; font-size:1.35em; font-weight:300; }
nav ul 							{display:block;}
nav ul li 					{margin:0em 0.188em; line-height:1.8em;  }
nav ul li a 				{text-decoration: none; padding-left:1em; color:#c4a96f; /* color:#866c2b;*/	}
nav ul li a:visited	{text-decoration: none; color:#c4a96f;	}
nav ul li a:hover 	{border-bottom: 0.15em solid #b0c265; color:#b0c265;}
nav ul li a:active 	{border-bottom: 0.188em solid #b0c265; color:#b0c265;}

nav ul ul li 						{margin-left:1em; font-size:90%;}
nav ul ul li a			 		{text-decoration: none; color:#85703d;}
nav ul ul li a:visited	{text-decoration: none; color:#85703d;}
nav ul ul li a:hover 		{border-bottom: 0.15em solid #0b8bc3; color:#0b8bc3;}
nav ul ul li a:active 	{border-bottom: 0.188em solid #86b49c; color:#86b49c;}


/* Footer */ 
footer 							{background:#454545; position:relative; margin-top:-300px; /* Negativer Wert der Footer-Höhe */ height: 300px; clear:both;}
#text								{display:block;	width:100%; max-width:1200px; text-align:left; margin:0px auto; padding:2em; color:#fbf9f5; font-size:110%; }

footer ul 					{display:block;	width:100%;	max-width:1200px; text-align:left; margin:0px auto;}
footer ul li 				{display:inline;font-size:0.8em; line-height:2.8em; padding:0em 0.625em 0em 0.625em;} 

footer a:link				{color:#b0c265; text-decoration: underline;}
footer a:visited		{color:#b0c265; text-decoration: underline;}
footer a:hover  		{color:#fff;}
footer a:active 		{color:#fff;}

.clearfix:after {
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}

/* Bereich nicht für IE-mac Anfang \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Bereich nicht für IE-mac Ende */



/* Mobile Style */

@media screen and (max-width:920px) {
nav									{font-size:1.35em;}	
header							{display:none;}
header2 						{display:block; text-align:center;}
}

@media screen and (max-width:800px) {
body 								{font-size:90%;}
nav									{font-size:1.15em;}	

}

@media screen and (max-width:56em) {
body 								{background: #fbf9f5;font-size:100%;}	
#main aside   			{display:none;}	
#main article 			{width:100%; display:block; padding:2em; border:none; background: #fbf9f5;}
.js #menu 					{display:none;}
.js .slicknav_menu 	{display:block;}
}

@media screen and (min-width:56em) {
nav.nav 						{display:block !important;}	
}