@media all{
	html {}
	body{
		background: #fff;
		height:100%;
		font:14px 'Open Sans', sans-serif, Arial;
		margin:0;
		width:100%;
		color:#222;
	}
	* {
		box-sizing:border-box;
	}
	section, header,footer,nav { display:block;}
	form,
	fieldset{
		border:0;
		padding:0;
		margin:0;
	}
  ul {
    line-height: 1.6em;
    font-size: 1.143em;
  }
	ul:not(.list) {
		text-align: left;
		padding:0;
		margin:0;
		list-style:none;
	}
	ol {
		list-style: disc;
    line-height: 1.6em;
	}
	h1,	h2, h3, h4 ,.grey h1,.grey h2,.grey h3 ,.grey h4, .slides h2 {
		font-family:'Open Sans', sans-serif;
		font-weight:bold;
		display:block;
		text-shadow:none;
		line-height:1.067em;
    color:#ee7b00;
	}
	h1, .grey h1 {
		font-size:1.9em;
		text-transform: uppercase;
	}
	h2{
		font-size: 1.6em;
	}
  h3{
    font-size: 1.4em;
  }
	figcaption h3{font-size:1.1em;word-wrap: break-word;}
	h4{
		font-size:0.85em;
		color:#999;
		font-weight: normal;
		margin:0;
		padding:0;
	}
	p {
		line-height: 1.6em;
		font-size:1.143em;
	}
	a {
		color:#ec703a;
		text-decoration:none;
	}
  a:hover, a:focus{
		text-decoration:underline;
	}
  b{color: #EE7B00;}
  img{max-width:100%;}
	figure {margin:0; text-align:center;}
	figcaption {padding:15px; border-top: 3px solid #EE7B00;}
	figcaption h3 {margin-top:5px;text-align:center; }
	section li, .slides li {
		background:none;
		padding:0;
		margin:0px;
	}
	input, textarea {
		display:block;
		background:#fff;
		font:1em 'Open Sans', sans-serif, Arial;  /*14px/17px*/
		color:#666;
		width:100%;
		padding:0.75em 1em;
		border:1px solid #ccc;
		margin:0;
		resize:none;
		box-shadow: inset 0 1px 0px rgba(0,0,0,0.1);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-radius:0;
	}
	textarea {
		overflow:auto;
		height:10.812em;
	}
	::-webkit-input-placeholder,
	:-moz-placeholder {
		color:    #444;
	}
	/**/
	p:after,
	.box-main:after,
	.center:after,
	.formRow:after,
	.row:after,
	.columns:after	{
		content:"";
		clear:both;
		display:block;
	}
	.fullWidth{width:100%;}
	.fullWidth img{width:100%;}
	.center {
		max-width: 1280px;
		width: 100%;
		margin: 0 auto;

    /* text-align:center; */
	}
	.columns{width:100%;	margin: 40px 0;}
	.columns > div,
	.columns > article{
		float:left;
		vertical-align:top;
	}
	.columns > div:first-child,
	.columns > article:first-child{margin-left:0;}
	.oneCol{
		width:100%;
		margin: 1% 0;
	}
	.twoCol{
		float: left;
		width: 48%;
		margin: 1%;
	}
	.oneThird{
		width:32%;
		margin:1%;
	}
	.twoThird {
		width: 65%;
		margin:1%;
	}
	.oneForth{
		width:24%;
		margin:1%;
	}
	.threeForth{
		width:74%;
		margin:1%;
	}
	.oneThird +.oneThird +.oneThird,
	.threeForth + .oneForth,
	.oneForth + .twoCol,
	.twoCol + .twoCol,
	.twoCol + .oneForth + .oneForth,
	.last{
		/*float:right;*/
		margin-right:0;
	}
  .tac {text-align:center;}
  .tar {text-align:right;}
}@media all{
	.btn{
		position:relative;
		display:inline-block;
		padding: 10px 20px;
		border:none;
		background:orange;
		text-decoration:none;
		font-size: 13px;
		font-weight:normal;
		cursor:pointer;
		width:auto;
		overflow:visible;
		color:#fff;
		-webkit-transition: all 0.3s ease-in;
		-moz-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
		border-radius:2px;
	}
	.btn {
		margin-top:10px;
    font-weight:bold;
	}
	.btn:hover, .btn.active  {
		 background: #ee7b00; 
		
	}
	
	.mail_ico img {
		width:auto !important;
		top: 5px;
		margin: 0px 1px;
	}
	#pagewidth {
		/*
		max-width:1280px;
		box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
		*/
		margin:0 auto;
	}

	#header{
		position: relative;
		z-index:9999;
		left: 0;
		top: 0;
		width:100%;
		background: #fff;
    background-color: #12232a;
		padding: 0;
		overflow: visible;
		height: auto;
	}
	.header {
		height: 76px;
		padding: 0 10px;
		position:relative;
	}
	.mobheader {
		display:none;
	}
	#social {
		position:absolute;
		margin-top:2%;
		right:10px;
	}
	#logo{
		display:inline-block;
		float:left;
    height: 100%;
    text-align:left;margin-top:15px;
	}
  #known_from{
		display:inline-block;
		float:right;
    height: 100%;
    padding-top:30px;
	}
  #known_from img,  #known_from span{
		display:inline-block;
		float:left;
    height: 50%;
    margin: 0 10px;
    line-height:25px;
    color:#fff;
	}
	#logo img {
		height:50px;
	}
	#social li{
		float:left;
		margin-left: 5px;
	}	
	#hotdog {
		display:none;
	}
	#navigation{
		clear:both;
		display:block;
		position:relative;
		text-align:left;
		/* background-color: #12232a;
		border-bottom: solid 3px #0e1422;  */
	}
	#navigation.fixed {
		position:fixed;
		top:0px;
		z-index:99999;
		width:100%;
		height:auto;
		-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.3);
		box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	}
	#navigation .logo2 {
		display:none;
	} 
	#navigation.fixed .logo2 {
		margin: 0 50px 0 0px;
		display:inline-block;
	} 
	#navigation.fixed .logo2 img {
		vertical-align:top;
		width:211px;
		padding-top: 2px;
	}  
  #navigation ul {	
    display: table;
    width: 100%;
   
  }
	#navigation li{
		margin:0;
		display: table-cell;
    border-right:solid 1px #fff;
    background:orange;
	}
  #navigation li:last-child{border-right:none;}
	#navigation  a, #navigation  .sub{
		color:#fff;
		position:relative;
		display:inline-block;
		/*padding:0.278em;*/
		text-decoration:none;
		font-size:1em;
		line-height:4em;
		text-transform: uppercase;
		width: 100%;
    text-align:center;
    font-weight:bold;
	}
	#navigation nav {	
		display:block;
		background-color: inherit;
	}
 
	#navigation a span, #navigation  .sub{
		color:#fff;
		text-decoration:none;
		padding:0 1.5em;
		display:block;
		background-color: inherit;
		transition: background .25s ease-in-out;
		-moz-transition: background .25s ease-in-out;
		-webkit-transition: background .25s ease-in-out;
	}
	#navigation .center {
		padding:0px;
	}
	#navigation li a:active{
		/*top:1px;*/
	}
	#navigation .logo2 a:hover span ,
	#navigation li.logo2.active span {
		background-color:#ee7b00;
	}
	#navigation  ul li a:hover span ,
	#navigation ul  li.active > a  span {
		background-color: #ee7b00;
	}
	#navigation li.active  > a:after
	 {
		content:"";
		height:3px;
		display:block;
		position:absolute;
		width:100%;
		/* background:#ee7b00; */
	}
	#navigation #sub   li.active a:after  {   
		display:none;
	}
	#sub {
		position: absolute;
		display:none;
		-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.3);
		box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	}
	#navigation li:hover ul {
		display:block;
	}
	#navigation li:hover ul li {
		clear:both;
		width:100%
	}
	#navigation li:hover ul li a span{
		width:100%;
	}
	
	/*gallery*/
	.left{left:80px;}
	.right{right:80px; }
	.gallery{
		/*background: transparent url(../img/bg.gif) no-repeat top center fixed; */
		background:#fff;
    position: relative;
		height: 400px;
		width: 100%;
		max-width:1280px;
		padding:0;
		box-shadow: 0px -4px 7px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1);
  }
  .gallery .slides{ text-align:center;}
	.gallery img {
		height:100%;
		z-index:1;
	}
	.slides{
		position: relative;
		overflow:hidden;
		height: 100%;
		list-style:none;
		padding:0;
		width:100%;
  }	
	.slides li{
		padding:0;
		display: none;
		position:relative;
	}
	* +html .slides li{
		display:inline;
		zoom:1;
		margin:0;
	}
	.slides .btn{
		position:absolute;
		bottom: 50px;
		margin:15px;
		background-color: #3399cc;
		display:none;
	}
	.gallery:after {
		background:none;
	}
	.gallery li {
		height: 100%;
	}
	.gallery li div {
		position:absolute;
		display:inline-block;
		margin:15px;
		z-index:2;
  }
  .gallery .slides .left.top {left:100px;top:50px;}
  .gallery .slides .left.bottom {left:100px; bottom:35px;}
	.slides .headline{
    display:none;
		color:#222;
		font-size:2.3em;
		border:none;
		padding:0;
		text-transform: uppercase;
    margin-bottom: 14px;
    font-weight:bold;
	}
	.slides .subline{
		color: #646464;
		background: rgba(0, 0, 0, 0.1);
		height: 100%;
		display: inline-block;
		padding: 10px;
		box-sizing: border-box;
		/* box-shadow: 0px 1px 2px #000; */
	}
	/**/
	#content {
		padding:0px;
		/*margin-top:157px;*/
		background: #f8f8f8;
	}	
	.row {
		/* background: rgba(0,0,0,0.025); */
		padding: 2.857em 1em;
		box-sizing: border-box;
		border-left: none;
		border-right: none;
	}
	.grey{
		background: rgba(0,0,0,0.06);
		color:#666;
		box-shadow:none;
		border: solid 1px #fff;
		border-left: none;
		border-right: none;
	}
	.dark{
		color: #fff!important;
		box-shadow: none;
		border-top:none;
    background: rgb(18, 35, 42);
	}
	.home_img {
		width:33%;
		float:left;
	}
	.box, #map{
		background: #fff;
		padding: 15px;
		box-sizing:border-box;
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1);
		box-shadow: 0 1px 1px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1);
	}
	.np .box, .box.np, #map.np{
		padding:0;
	}
  article {padding:15px;}
	.box article {
		border-top: 3px solid orange;
	}
	 .box .twoThird article{
		padding:15px;
		border:0;
		border-left: 3px solid orange;
	}
	 .box img{
		border:0;
		vertical-align:top;
		width:100%;
   
	}
	.box.np p{}
	.columns::before{
		content:'';
		clear:both;
		display:block;
	}	
  #home {
		background-color:#f8f8f8;
    /* overflow:hidden; */
	}
  
  .opener p{ padding:10px 0; font-size:1.2em;}
	#about .box article{
		text-align:center;
	}
	#jobs .columns:after {
		display:block;
		height:1px;
		width:100%;
		background: #ccc;
		border-bottom: solid 1px #fff;
		margin: 0px 0px 15px 0px;
	}
	#jobs .columns:last-child:after {
		display:none;
	}
	#jobs .fullWidth img {
	/*width: 90%;*/
	}
	#jobs .oneThird:first-child {
		width: 23%;
	}
	#jobs .oneThird:nth-child(2) {
		width: 40%;
	}
	#jobs .oneThird:nth-child(3) {
		width: 33%;
	}
	#jobs .columns .oneThird {
		min-height: 170px;
	}
	#jobs .box p{font-size: 0.85em;}
	#service{
		padding-top:25px;
	}
	#service  article{
		margin-top:15px;
	}
	#service figcaption {
		padding-bottom:10px;
	}
	#contact input{
		margin-bottom: 10px;
	}
	#impres b {
		text-transform:uppercase;
	}
  #impres h2 {color: #EE7B00;}
	#footer{
		width:100%;
		overflow:hidden;
		padding:16px 10px;
		color:#fff;
		line-height:10px;
		background-color: #ee7b00;
		box-sizing: border-box;  
	}
	#footer a{color:#fff}
	#footer .copy{float:right;}
  #footer {text-align:center;}
/*section*/	
	.extended {
		margin-top:20px;
	}
	.extended  article{
		display:none;
		height:auto;
	}
	#message {
	}
	.error_message{
		padding: 5px 10px!important;
		border-width: 2px !important;
		background:rgba(247,0,0,0.5) !important;
		margin: 0 0 15px;
		color:#fff;
	}
	.ok_message{
		padding: 10px 15px!important;
		background:rgba(57,143,20,0.5) !important;
		margin: 0 0 15px;
		color:#fff;
	}
/**/	
	.fr { float:right;}
	.fl { float:left;}
	.dn {  display:none;}	
	.db {  display:block;}	
	.open{display:none;margin-top: 10px;}
	.ml {margin-left:10px;}
	.mr {margin-right:10px;}
	.round {
		width:150px;
		height:150px;
		border-radius:150px;
		opacity:0.8;
		float:left;
		transition: opacity .25s ease-in-out;
		-moz-transition: opacity .25s ease-in-out;
		-webkit-transition: opacity .25s ease-in-out;
	}
	.round:hover{
		opacity:1;
	}
  #datenschutz h2 {
    font-size: 1.5em;
    margin-top: 30px;
  }
  #datenschutz h3{
   font-size: 1.2em;
   margin-top: 30px;
   font-weight:bold;
  }
  #datenschutz p,
  #datenschutz ul,
  #datenschutz ol{
     
     margin:10px 0;
  }
   #datenschutz ul {
     list-style:disc;
     padding:20px;
   }
  #datenschutz ol {
    list-style: normal;
    padding-left:30px;
  }
   ul.check li{
    list-style:none;
    background-image: url('../img/check.png');
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: left 10px;
    padding: 5px 25px;
    line-height: 1.6em;
   
  }
}
#one {
	position: relative;
	top: 50px;
}
@media all and (max-width: 820px ){
	#navigation.fixed .logo2 {
		/*margin: 0 50px 5px 10px;*/
		display: block;
		width:100%;
	}
  .gallery {display:none;}
}
@media all and (max-width: 780px ){
.gallery li article header {
	position: absolute;
	top: 35%;
	/* width: 50%; */
	display: inline-block;
	margin: 10px;
	padding:5px;
	z-index: 2;
	/* background: rgba(255, 255, 255, 0.1); */
}


	.show{display:block;}
	.close{display:none}
	.header {
    height:60px;
  }
  #header {
		height:auto;
		position:fixed;  
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	
	#header .mobheader {
		display:block;
		background:#ee7b00;
		width:100%;
		position:relative;
	}
	#content {
		margin-top:60px;
	}
	h1,h2, .grey h1, .grey h2 {
		line-height: 1.4em;
		text-align:center;
	}
  article {text-align:center;}
	#logo {
		width: 100%;
		padding: 5px 0;
    margin:0;
    text-align:center;
	}
  #logo img{height:50px;}
  #known_from {
		width: 40%;
		padding: 10px 0;
    text-align:right;
    display:none;
	}
	#known_from span {display:block; float:none;}
  #known_from img {float:right;}
	#hotdog {
		width: 40px;
    height:40px;
		display: block;
    position: absolute;
		top: 10px;
		left: 10px;
    padding:5px;
    overflow:hidden;
	}
	#hotdog img{
		width:30px;
		cursor:pointer;
    margin-top: 5px;
    position:absolute;
	}
	#navigation ul.dis {
		display:block;
	}
	#navigation ul{
		display:none;
	}
	#navigation {
		text-align:right;
		
		border:none;
	}
	#navigation li{
		display: block;
		width: 100%;
		text-align: center;
	}
	#navigation a {
		line-height: 4.1em;
		font-size:1em;
	}
	#navigation.fixed li {
		display: block;
		width: 100%;
		text-align: center;		
	}
	#navigation.fixed li:nth-child(n+2) {
		display:none;
	}
	.row {
		padding: 3em 1em;
	}
	
	.gallery img {
		position:absolute;
		top:0;
	}
	.gallery li div {
		margin: 0;
		margin-top: 35%;
		top:unset;
		position: relative;
		display: block;
	}
	.gallery .headline {
		font-size:20px;
		padding:10px;
	}
	.gallery .subline {
		width:100%;
	} 
	.flex-control-nav, .flex-direction-nav {
		display:none;
	}
	.slides .right, .slides .left {
		text-align:center;
		right:unset;
		left:unset;
	}
	.columns > div,
	.columns  .box{
		float:none;
		margin:0;
		width:100% !important;
	}
  .columns  .box{margin:10px 0; display:inline-block;}
	.twoCol, .oneThird {
	}
	.columns::before{
		content:'';
		clear:both;
		display:block;
	}
  .opener {padding:0;}
  #impres .columns{ text-align: center;}
 
	#jobs .oneThird:first-child ,
	#jobs .oneThird:nth-child(n+2) {
		width: 100%; 
		min-height:auto;
	}
	#one {
		position: relative;
		top: 0px;
	}
}/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a {width: 48px; height: 48px; margin: -13px 0 0; display: block; background: url(../img/galleryControls.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;outline:none;}
.flex-direction-nav li .next {background-position: -48px 0; right: 0%;}
.flex-direction-nav li .prev {left: 0%;}
.flex-direction-nav li a.prev:hover{background-position:0 -48px;}
.flex-direction-nav li a.next:hover{background-position:-48px -48px;}
.flex-direction-nav li a.prev:active{left:0.2%;}
.flex-direction-nav li a.next:active{right:0.2%;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
@media all and (max-width: 960px){
	.gallery, .gallery img, .slides{
		height: auto;
    }	
}
@media all and (max-width: 960px){
	
}
@media all and (max-width: 504px){
	
}