@font-face {
		font-family: 'graublau';
		src: url('../fonts/graublauwebbold-webfont.eot');
		src: url('../fonts/graublauwebbold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/graublauwebbold-webfont.woff') format('woff'),
			 url('../fonts/graublauwebbold-webfont.ttf') format('truetype'),
			 url('../fonts/graublauwebbold-webfont.svg#graublau_webbold') format('svg');
		font-weight: bold;
	}
	@font-face {
		font-family: 'graublau';
		src: url('../fonts/graublauweb-webfont.eot');
		src: url('../fonts/graublauweb-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/graublauweb-webfont.woff') format('woff'),
			 url('../fonts/graublauweb-webfont.ttf') format('truetype'),
			 url('../fonts/graublauweb-webfont.svg#graublau_webregular') format('svg');
		font-weight: normal;
	}
	* { box-sizing: border-box; margin:0; padding:0; webkit-touch-callout: none;     -webkit-touch-callout:none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust:none;             /* prevent webkit from resizing text to fit */
    -webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent tap highlight color / shadow */
    -webkit-user-select:text;  }
	a, li, #lg, #mobile_header, #medium_nav div, .contact_circle  { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
	a { text-decoration: none; margin: 0; padding: 0; color: inherit; }
	img { border: none; }
	html {width: 100%; overflow-x: hidden; max-width: 100%; }
	body { background: #f4f4f4; width: 100%; max-width: 100%; margin: 0; }
	header { width: 100%; text-align: center; padding-top: 75px; vertical-align: middle; z-index:2; }
	#desk_nav { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; margin-left: -10px; }
	li { list-style-type: none; display: inline-block; letter-spacing: 2px; margin-top: -50px; padding-bottom:5px; color: #3f3737; font-family: graublau; border-bottom: 1px solid #3f3737; text-transform:uppercase; margin-left: 20px!important; text-align: left; font-size: 16px; cursor: pointer;   }
	li:first-of-type{ margin-left: 0; }
	li:hover, .active { color: #ca5b5b; border-bottom: 1px solid #ca5b5b; }
	.s { width: 85px; }
	.m { width: 120px; }
	.l { width: 152px; }
	#lg { background: #667f9a; color: #f4f4f4; font-family: graublau; width: 120px; height: 27px; opacity:1; text-transform: uppercase; letter-spacing: 2px; padding-left: 42px; padding-top: 3px; margin:0; position: absolute; font-size: 15px; right: 0; top: 200px; cursor: pointer; }
	#lg:hover { background: #ca5b5b; }
	.right { text-align: right; }
	.img_placeholder { width: 120px; border: 0; }
	.img_placeholder:hover { border: 0!important; }
	.hero { width: 138px; }
	.mainstage_wrapper { width: 100%; height: auto; position: absolute; top: 0; padding-top: 230px; text-align: center; z-index:-1; } /* Auch im script.js ver�ndern! */
	h1 { font-family: graublau; font-size: 60px; color: #3f3737; letter-spacing: 5px; margin-top: 50px; }
	h2 { color: #787575; font-family: graublau; font-weight: lighter; margin-top: 35px; }
	footer { width: 100%; margin:0 auto; max-width: 550px; margin-top: 150px; padding-left: 5px; padding-right: 5px; }
	.line { height: 1px; background: #787575; width: 80%; margin: 0 auto; }
	.copyright { font-family: graublau; font-size: 14px; padding-top: 30px; color: #787575; letter-spacing: 1px; }
	.copyright a { color: #000; text-decoration: none; letter-spacing: 3px; }
	.copyright a:hover { color: #CA5b5b; }
	.footer_text { padding: 20px; color: #787575; font-family: graublau; font-size: 14px; }
	#medium_nav { display: none; }
	#mobile_header { display: none; }
	#mobile_nav { display: none; }
	.contact_box { width: 100%; text-align: center; margin-top: 100px; vertical-align: top; }
	.contact_section { display:inline-block; width: 17%; max-width: 200px; vertical-align: top; font-family: graublau;     }
	.contact_circle { padding-bottom: 60%; width: 60%; display: inline-block; border-radius: 50%; -webkit-user-select:none;  }
	
	/* Bilder f�r die Contact Sektion */
	.contact_section .mail:hover {  background: url(../img/contact_circles/mail.png) #ca5b5b; background-size: 50%; background-position: center; background-repeat:no-repeat; }
	.contact_section .mail {  background: url(../img/contact_circles/mail.png) #657f9a; background-size: 50%; background-position: center; background-repeat:no-repeat; }
	.contact_section .linkedin:hover {  background: url(../img/contact_circles/linkedin.png) #ca5b5b; background-size: 50%; background-position: center; background-repeat:no-repeat; }
	.contact_section .linkedin {  background: url(../img/contact_circles/linkedin.png) #657f9a; background-size: 50%; background-position: center; background-repeat:no-repeat; }
	.contact_section .phone:hover {  background: url(../img/contact_circles/phone.png) #ca5b5b; background-size: 65%; background-position: center; background-repeat:no-repeat; }
	.contact_section .phone {  background: url(../img/contact_circles/phone.png) #657f9a; background-size: 65%; background-position: center; background-repeat:no-repeat; }
	.contact_section .xing:hover {  background: url(../img/contact_circles/xing.png) #ca5b5b; background-size: 50%; background-position: center; background-repeat:no-repeat; }
	.contact_section .xing {  background: url(../img/contact_circles/xing.png) #657f9a; background-size: 50%; background-position: center; background-repeat:no-repeat; }
	.contact_section .skype {  background: url(../img/contact_circles/skype.png) #657f9a; background-size: 50%; background-position: center; background-repeat:no-repeat; }
	.contact_section .skype:hover {  background: url(../img/contact_circles/skype.png) #ca5b5b; background-size: 50%; background-position: center; background-repeat:no-repeat; }
	
	/* /----/ */
	
	.contact_header { text-transform: uppercase; letter-spacing: 3px; margin-top: 25px; font-size: 15px; }
	.contact_subline { color: #787575; font-size: 14px; margin-top: 5px; text-transform:lowercase; }
	.coaching_box { margin-top: 50px; font-family: graublau; max-width: 500px; margin-left: auto; margin-right: auto; }
	.coaching_box article { margin-top: 40px; }
	.coaching_box article:first-of-type { margin-top: 0px; }
	.article_headline { text-transform: uppercase; font-weight:normal; font-size: 16px; letter-spacing: 2px; }
	.article_text, .article_fulltext  { font-weight:normal; font-size: 15px; color: #666666; margin-top: 15px; letter-spacing:1px; line-height: 1.7em; padding-left: 10px; padding-right: 10px; text-align: justify; }
	.article_text span, .article_fulltext span { color: #c75016; text-decoration: underline; cursor: pointer; }
	.article_text a, .textlink { color: #c75016; cursor: pointer; }
	.article_fulltext { display: none; }
	.break_two { display: inline; width: auto; }
	.player_container { padding-bottom: 66%; height: 0; overflow: hidden; width: 100%; margin-top: 30px; margin-bottom: 30px; }
	.player { width: 100%; height: 100%; }
	.hero { margin-left: 0px; }
	.article_pic { width: 100%; }
	.article_text { margin-bottom: 20px; }
	
	@media only screen and (max-width: 1000px){
		#lg { top: 335px; }
		.mainstage_wrapper { padding-top: 180px; } /* Auch im script.js ver�ndern! */
		#medium_nav { display: block; min-width: 400px; width: 50%; max-width: 600px; position: absolute; top: 40px; font-family:graublau; text-transform:uppercase; margin: 0 auto; letter-spacing: 2px; }
		#desk_nav { width: 100%; border: 1px solid #000; display: none; }
		#medium_nav div { width: 150px; }
		.medium_s { width: 80px!important; }
		.medium_m { width: 120px!important; }
		.medium_l { width: 150px!important; }
		.medium_right { margin-left: 0; text-align: right!important; float: right; }
		#medium_left { text-align: left; width: 180px!important; display:inline-block; border-bottom: none!important; }
		#medium_right { width: 180px!important; float: right!important; display:inline-block; border-bottom: none!important; }
		#medium_nav div { border-bottom: 1px solid #787575; color: #000; margin-top: 40px; padding-bottom: 6px; text-align: left; }
		.s, .m, .l { display: block; margin-top: 0; }
		.img_placeholder { display: none; }
		.medium_s:hover, .medium_m:hover, .medium_l:hover, .active { color: #ca5b5b!important; cursor: pointer; border-bottom: 1px solid #ca5b5b!important; }
		
		.break_two { width: 100%; display: block; margin-top: 50px; }
		.contact_section { width: 30%; max-width: 200px; }
		
	}
	@media only screen and (max-width: 700px){
		h1 { font-size: 45px; }
		h2 { font-size: 20px; margin-top: 10px; }
	}
	
	@media only screen and (max-width: 450px){
		.hide_me { display: none!important; } /* Verbergen des Logos wenn gew�nscht -> menu.php */
		.start_mainstage { margin-bottom: 200px; }
		.coaching_box { margin-top: 30px; }
		.contact_box { margin-top: 0; }
		.break_two { margin-top: 0px; display: block; }
		.contact_section { width: 50%; max-width: 200px; margin-top: 50px; }
		.hero {  }
		.line { width: 90%; padding: 0; }
		h1 { font-size: 42px; margin-top: 120px!important; letter-spacing:3px; }
		h2 { font-size: 20px; margin-top: 7px; }
		.mainstage_wrapper { padding-top: 130px; } /* Auch im script.js ver�ndern! */
		#mobile_header { display: block; height: 32px; width: 100%; background: #657f9a; top:0; left:0; }
		#mobile_header div { color: #f4f4f4; font-family: graublau; padding-top: 5px; padding-right: 15px; text-transform:uppercase; letter-spacing: 1px; text-align: right; cursor: pointer; }
		#mobile_header div:hover { color:#EDD3D3; }
		#lg { display: none; }
		#medium_nav { display: none; }
		.menu_toggle { position: absolute; top: 8px; left: 12px; cursor: pointer; }
		.copyright, .footer_text { font-size: 13px; }
		#mobile_nav { font-family: graublau; text-align: center; text-transform: uppercase; }
		#mobile_nav .nav_home { padding-top: 30px; }
		#mobile_nav div { margin-top: 15px; letter-spacing: 3px; color: #3f3737; margin-left: auto; margin-right: auto; cursor: pointer; border-bottom: none; }
		footer { margin-top: 60px; }
		.red { color: #ca5b5b!important; }
		.active { border-bottom: 1px solid #3f3737; padding-bottom: 0; }
		.nav_home { width: 170px; }
		.nav_about { width: 170px; }
		.nav_values { width: 170px; }
		.nav_consulting { width: 170px; }
		.nav_coaching { width: 170px; }
		.nav_language { width: 170px; margin-bottom: 40px; }
		.mobile_divider {�margin: 0; background: #000; width: 130px; height: 1px; margin-top: 15px!important;  }
		.contact_section { min-width: 220px; }
	}