/* ==========================================================================
   Author's custom styles
   ========================================================================== */

	html { font-size: 100%; }
	body {
		font-family: 'Open Sans', sans-serif;
		/* font-family: 'Open Sans Condensed', sans-serif; */
		color:#393837;
		background-color: #393837;
		font-size: 13px;
	}
	
	::-moz-selection {
		background: #fe0000;
		color: #ffffff;
		text-shadow: 1px 1px rgba(0,0,0,0.2);
	}
	::selection {
		background: #fe0000;
		color: #ffffff;
		text-shadow: 1px 1px rgba(0,0,0,0.2);
	}

	#page-wrap {}

	#page {
		width:960px;
		margin: 0 auto;
	}
	 @media (min-width: 1400px){
		body {font-size: 14px; }
		/* Website */

		#page { width: 1150px; }
	}
	@media (max-width: 970px) { 
		body { padding-left: 10px; padding-right: 10px;}
		#page { width:100%; }
	}
	@media (max-width: 440px) { 
		body { padding-left: 4px; padding-right: 4px;}
	}

/* header */
	.header { padding-top:20px; }
	.header .span5 { height: 100px; }
	svg { width: 100%; height:100px; }

	@media (max-width: 767px) { 
		.header { height:auto; }
		.header .span5 { padding-right:76px;height: 110px; }
		svg { height:auto!important; }
		.header .btn {
			position:absolute;
			z-index: 200;
			top: 80px;
			right:20px;
			width: 30px;
			cursor: pointer;
		}
		.header .btn span {
			width: 30px;
			height: 4px;
			margin: 0 0 4px 0;
			background-color: #474B4A;
			float:right;
		}
		.header .btn span:first-child {margin-top:4px;}
	}
	@media (max-width: 440px) { 
		.header .span5 { padding:10px 0 0 0; height: 140px; }
		.header .btn { right:40%;top: 20px; }
	}
	
	
	

/* navigationen */

	.nav .invisible { display:none; }

	.nav ul {margin:50px 0 0 0; height: 31px; display: table; width: 100%;}
	.row-fluid .nav ul { margin-right: 0; }

	.nav li {
		display: inline-block;
		list-style-type: none;
		height:auto;
	}
	.nav li.first:before { content: ""; }
	.nav li:before{
		color: #fe0000;
		content: "//";
		padding: 0 12px;
		font-family: 'Open Sans Condensed', sans-serif;
		font-size:17px; 
	}
	.nav li a,
	.nav li span	{
		font-family: 'Open Sans Condensed', sans-serif;
		font-size:15px; 
		color: #ffffff;
		transition: color 300ms;
		text-decoration: none;
		padding: 14px 0;
		display: inline-block;
	}
	.nav a.trail{color: #fe0000;}
	.nav li a:hover,
	.nav li a:focus,
	.nav li a:active,
	.nav li.active a,
	.nav li.active span {color: #fe0000;}

	@media (min-width: 1200px){
		.nav li:before{ padding: 0 12px; }
		.nav li a {  }
	}
	@media (min-width: 1400px){
		.nav ul {margin-top:54px}
		.nav li:before{ padding: 0 7px; font-size:24px; }
		.nav li a, 
		.nav li span { font-size:17px; }
	}
	@media (max-width: 980px){
		.nav li:before{padding: 0 8px;}
		.nav li a { font-size:15px; }
	}

	@media (max-width: 930px) {

		.nav li:before{ content: ""; padding: 0;}
		.nav li a { padding: 13px 2px;display: block; }
	}
	
	
	@media (max-width: 768px) {
		.header .nav { min-height: 0; height: 0; }
		.row-fluid .nav ul { height:auto; margin-right: 0; }
		.nav li { 
			display: block;
			border-bottom: 1px solid #777;
			padding: 0 40px;
			-webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);
			box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);
			line-height:auto;
		}
		.nav li.first { border-top: 1px solid #777; }
		.nav li.first:before { content: "";  }
		.nav li > span,
		.nav li a { 
			font-size:22px;
			font-family: 'Open Sans', sans-serif; 
			vertical-align: middle;
			padding: 10px 0;
			line-height:28px;
		}
		.nav li  > span:before,
		.nav li a:before {
			padding-right: 20px;
			content: "\00bb";
		}
	}
	/* to display .nav in original height for none mobile display (if the screen-width is more than 768px)   */
	@media (min-width: 769px) {
		.header .nav { height: 96px!important; }  
	}
	
	@media (max-width: 440px) { 
		.nav ul {margin:10px 0 0 0; }
		.nav li { padding: 0 20px; }
		.nav li a { font-size:18px;line-height:22px;padding: 13px 0; }
	}

/* kopfbild */

	.header .mod_article {
		position: relative;
	}
	.mod_article.kopfbild { padding: 0; }
	.kopfbild.span12 { margin-left:0;}
	.kopfbild .ce_image h1 { 
		position:absolute; 
		top: 15%;
		right: 0; 
		margin:0;
		box-sizing: border-box;
		padding: 10px 1.74% 10px 3.48%;
		width: 23.4043%;
		height: 76px;
		background-color: #fe0000;
		color: #ffffff;
		font-family: 'Open Sans', sans-serif;
		font-size: 20px;
		line-height: 24px;
		font-weight:300;
	} 
	.kopfbild .ce_image.lines3 h1 { height: 98px; }
	
	.kopfbild figure { margin:0!important; }
	
	.kopfbild .image_container { margin-left: 0; margin-right: 0; margin-top: 0;  padding-top: 0;}
	.kopfbild .image_container img { border-radius: 30px 0 0 0;}
	
	 @media (min-width: 1400px){
		.kopfbild .ce_image h1 {
			height: 84px;
			font-size: 26px;
			line-height: 30px;
			font-weight:300;
		}
		.kopfbild .ce_image.lines3 h1 { height: 116px; }
	 }
	 @media (max-width: 767px) {
		.kopfbild .ce_image h1 {
			width: 163px;
			padding: 5px 10px 5px 20px;
			height: 56px;
			font-size: 18px;
			line-height: 20px;
		}
		.kopfbild .ce_image.lines3 h1 { height: 72px; }
	 }
	 @media (max-width: 440px) {
		.kopfbild .ce_image h1 { display:none; }
		.kopfbild .image_container img { border-radius: 20px 0 0 0;}
	 }

/* main */
	.main { background-color: #ffffff; padding-top: 36px; }

	h1 {
		color:#fe0000;
		font-size:180%;
		line-height: 200%;
		font-weight: 400;
	}
	.row-fluid p,
	.row-fluid table,
	.row-fluid ul{ margin-right:40px; }

	h2 {font-size:120%;line-height: 130%;}
	
	 @media (max-width: 767px) {
		
		.main { 
			padding-top: 20px; 
			display: table;
		}
		.main .span5 {display: table-footer-group;}
		.main .span7 {display: table-row;} 
		.row-fluid p,
		.row-fluid table,
		.row-fluid ul{ margin-right:0; }
		
		.mod_article { padding: 0 10px; }
		
	 }
	 
/* main-left */
	.main .span5 .mod_article {
		padding-left: 14%;
		padding-right: 18%;
	}
	.image_container {
		margin:0;
		padding-top:25px;
	}
	.main .ce_image.last .image_container { padding-bottom:25px; }
	.image_container img { 
		max-width: 100%!important; 
		height: auto;
		border-radius: 20px 0 0 0;
	}
	
	 @media (max-width: 767px) {
		
		.image_container img { width: 100%; } 
		.main .span5 .mod_article {
			padding-left: 10px;
			padding-right: 10px;
		}
	 }



/* footer */	 
	 .footer {
		background-color: #777777; 
		padding: 20px 0 10px 0;
	}
	.footer p { padding-top: 3px;font-size:12px; color: #ffffff; }
	.footer .invisible { display: none;}
	
	.footer .mod_customnav li { display: inline; padding-right:10px; }
	.footer .mod_customnav li.last { padding-right:0; }
	.footer .mod_customnav li a,
	.footer .mod_customnav li a:visited { line-height: 20px; font-size:12px; color:#ffffff; }
	.footer .mod_customnav li a:hover,
	.footer .mod_customnav li a:active,
	.footer .mod_customnav li a:focus { color: #ffffff; }
	 
	 @media (max-width: 767px) {
		.footer .mod_customnav ul,
		.footer .span7 p { margin-left: 40px;margin-right: 40px;}
	 }
	@media (max-width: 440px) {
		.footer .mod_customnav ul,
		.footer .span7 p { margin-left: 20px;margin-right: 20px;}
		em { visibility: hidden;}
		span { display: block;}
	 }
	 
	 



/* Typographie */

	.ce_text {padding-bottom: 1em; overflow-x: hidden;}
	.clear {clear:both; height:2px; overflow-y: hidden;}
	.mod_article { padding-bottom: 1em; }


	a,
	a:visited { color:#fe0000; }
	a:hover,
	a:active,
	a:focus { color: #fe0000; }

	p,
	table,
	ul,
	ol { font-size:1em; margin-bottom: 1em; line-height: 1.4em;}


/* download  */
	.download { padding-bottom: 10px; }
	.download img  { display: none; }
	.download a {
		background-image: url("../img/pdf-logo.jpg");
		background-repeat: no-repeat;
		height: 80px;
		display: block;
		padding-left:90px;
		line-height: 80px;
		vertical-align: middle;
	}

/* form  */
	.formbody { margin-right: 40px; }
	.row-fluid .formbody table{
		margin-right: 0;
		width: 100%;
	}
	.row-fluid .formbody table .invisible { display: none;}
	
	.row-fluid .formbody table label,
	.formbody input, 
	.formbody textarea, 
	.formbody .uneditable-input { width: 100%; }
	.formbody input.submit { width: 50%; }
	
	 @media (max-width: 767px) {
	 
		.formbody { margin-right: 0; }
		.formbody input, 
		.formbody textarea, 
		.formbody .uneditable-input { width: 90%; }
		.formbody input.submit { width: 90%; }

	 }
	
/* Google maps*/

	#linke-spalte-kontakt iframe {
		margin-top: 25px;
		border-radius: 20px 0 0 0;
		height: 229px;
		width: 100%;
	}
	 @media (max-width: 767px) {
	 
		#linke-spalte-kontakt iframe { height: 565px; }

	 }
	 @media (max-width: 440px) {
	 
		#linke-spalte-kontakt iframe { height: 400px; }

	 }

	
	


	 
	 
	 
	 
@media (min-width: 1400px){


}



/* for inner-wrap */
@media (max-width:906px) {

}

/* taplet-width */
@media (max-width: 767px) {
   
}

@media (max-width: 600px) {

}

@media (max-width: 440px) {
    
    
}