

body {
background:#fff;
font-family:'Noto Sans', sans-serif;
font-size:16px;

}
input.error, 
textarea.error{
    border: 1px solid #F6940B;
}
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
   
     border: 1px solid #F6940B;
    box-shadow: 0 0 6px #F6940B;
}
#contactForm label{
    font-size: 12px;
    color: #ccc;
}

#contactForm .span6 label{
  
}
input[name=captcha] {
	   
	}
#selectLang .languageselect{
             background: #252525;
        }
.languageselect{
    text-align: right;
    z-index: 1031;
    position: relative;
    font-size: 12px;
    display: inline-block;
  
    color: #fff;
    padding: 5px 10px;
}
.languageselect a{

    color: #fff;
}
.languageselect span{
  
}
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
  border-color: #F6940B;

}
.container {
   max-width: 100%;
   padding-right: 0;
   padding-left: 0;
 }
.statusMessage {
display:none;
width:80%;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
color:#F6940B;
font-family:Oswald, sans-serif;
font-weight:700;
font-size:26px;
text-shadow:0 1px 1px rgba(0,0,0,.3);

margin:auto;
padding:1.5em;
}

.posRel {
position:relative;
}

#mailContainer {
min-height:260px;
}

h1,h2,h3,h4 {
color:#252525;
font-family:Oswald, sans-serif;
}

#vegasBg {
min-height:650px;
width:100%;
position:absolute;
top:0;
left:0;
}

#vegasBgHolder {
min-height:650px;
width:100%;
position:fixed;
top:0;
left:0;
}

#show4 h3 {
line-height:18px;
}

section {
background:#fff;
}

#pageEnd,footer,section {
background:#fff;
position:relative;
padding:0;
}

.main-wrapper {
height:100%;
margin-left:auto;
margin-right:auto;
max-width:1360px;
min-height:100%;
min-width:100%;
position:relative;
width:100%;
}

.margin-10 {
margin:0 0 10px;
}

.highlighted {
background:#ccc;

line-height:1em;
display:inline-block;
color:#fff;
text-shadow:0 1px 1px rgba(0,0,0,.2);
padding:.2em .5em;
border: 1px dashed #fff;
font-weight: bold;
}

.o-hidden {
overflow:hidden;
}

.navbar {
font-size:14px;
}

.navbar-inner {
border:none;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
top:-120px;
position:relative;
padding:3px 0 10px;
}

.navbar-inverse .navbar-inner {
background:#252525;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
border:0;
border-top:4px solid #f6940b;
}

.navbar-inverse .nav .active > a,.navbar-inverse .nav .active > a:hover,.navbar-inverse .nav .active > a:focus {
background-color:transparent;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
color:#FFAA49;
}

.navbar .brand {
    font-family:Oswald, sans-serif;
color:#000;
font-size:18px;
font-weight:300;
margin: 0;
height:30px;
line-height: 30px;
background: #F6940B;
text-shadow: 0 0px 1px rgba(0, 0, 0, 0.4);
font-weight: bold;
}

.navbar .brand:hover {
color:rgba(255,255,255,1);
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.nav-collapse .collapse {
-moz-transition:height .3s ease-in-out;
-ms-transition:height .3s ease-in-out;
-o-transition:height .3s ease-in-out;
transition:height .3s ease-in-out;
-webkit-transition:height .3s ease-in-out;
}

.navbar .nav {
margin:9px 10px 0 0;
}

.navbar-inner.scroll {
background:rgba(0,0,0,0.6);
top:0;
padding:0;
}

.headertop {
padding-top:0;
background:transparent;
}

.hero-unit {
margin-top:0;
margin-bottom:0;
background:none;
z-index:0;
position:relative;
padding:80px 0 0;

}

.thumbnail {
background-color:#FFF;
display:block;
border-bottom-right-radius:3px;
border-bottom-left-radius:3px;
overflow:hidden;
box-shadow:rgb(239,239,239) 0 0 0;
-webkit-box-shadow:rgb(239,239,239) 0 0 0;
-moz-box-shadow:rgb(239,239,239) 0 0 0;
margin-bottom:30px;
border:0 dotted #efefef;
padding:0;
}

.thumbnail img {
border-bottom:0 solid #dedede;
}

.feature-box-image {
max-width:100%;
vertical-align:bottom;
height:100%;
width:auto;
margin:0 auto;
}

.box {
margin-bottom:30px;
}

p {
text-align:justify;
font-weight:400;
line-height:24px;
padding:10px;
}
#impressumModal p {
text-align:left;

}
a#impressumFooter{
    margin: 20px 20px 0 0;
    font-size: 12px;
    color: #fff;
}
.camein {
width:100%;
min-width:100%;
display:block;
text-align:center;
margin-left:auto;
margin-right:auto;
}

.camein p {
min-width:50%;
background:rgba(250,250,250,0.15);
position:relative;
margin-left:auto;
margin-right:auto;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
text-align:center;
display:inline-block;
border:1px solid rgba(250,250,250,0.28);
padding:10px auto;
}

.btn-block-third {
display:block;
width:40%;
padding-right:0;
padding-left:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
float:left;
}

i.or {
font-family:Oswald, sans-serif;
float:left;
display:block;
width:20%;
padding-top:10px;
text-align:center;
font-weight:700;
color:#fff;
}

#main-nav select {
float:right;
margin-top:10px;
}

.hero-unit hr.half {
border:none;
margin-bottom:40px;
}

.hero-unit h2 {
margin-bottom:40px;
}

.innerbg h3,.hero-unit h1,.hero-unit h2 {
color:#fff;
font-weight:700;
text-shadow:0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2,color=333333);
}

.innerbg h3,.hero-unit h1 {
font-size:70px;
}

.innerbg .hero-unit h3 {
font-size:70px;
background:#F6940B;
line-height:1em;
display:inline-block;
color:#000;
padding:.2em .5em;
}

#header-section {
position:relative;
overflow:hidden;
top:0;
left:0;
width:100%;
}

.innerbg {
background:transparent;
min-height:650px;
width:100%;
display:inline-block;
background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
-webkit-background-size:cover;
position:relative;
margin:0;
padding:0;
}
#vegasBgHolder .leftbg {
display: none;

}
.leftbg {
background:url(../../assets/img/pixel.png) 0 0 repeat;
min-height:100%;
height:100%;
width:100%;
display:block;
position:absolute;
bottom:0;
z-index:1;
margin:0;
padding:0;
}

#header-section .innerbg.scroll {
background-color:rgba(0,0,0,0.6);
-webkit-transition:.5s;
-moz-transition:.5s;
-o-transition:.5s;
transition:.5s;
-webkit-backface-visibility:hidden;
}

hr.half {
border:0;
border-top:1px solid #ECF0F1;
border-bottom:1px solid #ffffff;
margin:12px 0;
}

.page-header {
border-bottom:none;
background:url(../../assets/img/h-line.png) bottom right no-repeat;
margin:0 0 30px;
padding:30px 0 0;
}

.page-header h3 {
font-size:40px;
display:inline-block;
line-height:70px;
color:#252525;
width:100%;
padding-bottom:0;
text-shadow:1px 1px 3px #555;
}

.page-header h3 small {
text-shadow:none;
border-bottom:none;
font-size:18px;
color:#999;
}

#arbeitsweise-section {
border-bottom:4px solid #F6940B;
}

#team-section {
border-top:4px solid #F6940B;
position: relative;
}

#team-section-plx {
z-index:998;
background:url(../../images/team_2-2.jpg) no-repeat fixed 50% 50%;
height:auto;
width:100%;
position:relative;
-webkit-box-shadow:inset 0 0 30px 0;
box-shadow:inset 0 0 30px 0;
text-align:center;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#teamTxt {
text-align:center;
z-index:4;
position:relative;
padding:50px 0 50px 0;
width: 75%;
margin: 0 auto;
}

#teamTxt p {
text-align:center;
font-size:26px;
color:#fff;
text-shadow:0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
}

#teamTxt h2 {
font-size:65px;
line-height:65px;
color:#fff;
text-shadow:0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
}

#teamTxt .teamQuote {
color:#fff;
text-shadow:0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
font-size:26px;
line-height:26px;
margin:0;
padding:0;
}

.darkbg {
background:rgba(0,0,0,.3);
position:absolute;
top:0;
width:100%;
height:100%;
}

h3 {
text-shadow:1px 1px 0 rgba(255,255,255,1);
}

.logo-box,.logo-box img {
width:100%;
height:auto;
}

#design-section {
border-top:4px solid #252525;
min-height:550px;
position:relative;
overflow:hidden;
color:#333;
margin:0;
}

.lead {
margin-bottom:20px;
font-size:16px;
font-weight:700;
line-height:24px;
}

#portfolio-section {
min-height:550px;
position:relative;
overflow:hidden;
background:#fff;
}

.isotope-item {
-moz-transition-property:0 opacity;
-ms-transition-property:0 opacity;
-o-transition-property:top, left, opacity;
transition-property:transform, opacity;
-webkit-transition-property:0 opacity;
-moz-transition-duration:.8s;
-ms-transition-duration:.8s;
-o-transition-duration:.8s;
transition-duration:.8s;
-webkit-transition-duration:.8s;
z-index:2;
}

.work-item {
margin-bottom:0;
}

.isotope-item:hover {
z-index:3;
}

.thumbnail .img-wrap {
position:relative;
overflow:hidden;
width:100%;
height:180px;
}

.thumbnail .img-wrap img {
width:100%;
height:auto;
display:block;
height:180px;
}

footer {
padding-top:50px;
}

#map {
display:block;
height:250px;
width:100%;
min-width:100%;
max-width:1350px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
-webkit-box-shadow:0 0 30px rgba(0,0,0,0.52) inset;
-moz-box-shadow:0 0 30px rgba(0,0,0,0.52)inset;
box-shadow:0 0 30px rgba(0,0,0,0.52)inset;
border-top:4px solid #252525;
background:#252525;
}

.footer-links {
padding-left:0;
margin-left:0;
}

.footer-links li {
list-style:none;
}

.footer-links li a {
color:#2b2b2b;
}

footer address {
line-height:22px;
}

.btn.btn-large {
padding-bottom:12px;
padding-top:13px;
}

.btn {
font-family:Oswald, sans-serif;
border:none;
background:#34495e;
color:white;
font-size:16.5px;
text-decoration:none;
text-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
-webkit-transition:.25s;
-moz-transition:.25s;
-o-transition:.25s;
transition:.25s;
-webkit-backface-visibility:hidden;
}

.btn:hover,.btn:focus {
background-color:#4e6d8d;
color:white;
-webkit-transition:.25s;
-moz-transition:.25s;
-o-transition:.25s;
transition:.25s;
-webkit-backface-visibility:hidden;
}

.btn:active,.btn.active {
background-color:#2c3e50;
color:rgba(255,255,255,0.75);
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}

.btn.disabled,.btn[disabled] {
background-color:#95a5a6;
color:white;
}

.btn.btn-primary {
background-color:#252525;
}

.btn.btn-info {
background-color:#3498db;
}

.btn.btn-info:hover,.btn.btn-info:focus {
background-color:#5dade2;
}

.btn.btn-info:active,.btn.btn-info.active {
background-color:#2383c4;
}

.btn.btn-danger {
background-color:#e74c3c;
}

.btn.btn-danger:hover,.btn.btn-danger:focus {
background-color:#ec7063;
}

.btn.btn-danger:active,.btn.btn-danger.active {
background-color:#dc2d1b;
}

.btn.btn-success {
background-color:#2ecc71;
}

.btn.btn-success:hover,.btn.btn-success:focus {
background-color:#55d98d;
}

.btn.btn-success:active,.btn.btn-success.active {
background-color:#27ad60;
}

.btn.btn-warning {
background-color:#FFAA49;
}

.btn.btn-warning:hover,.btn.btn-warning:focus {
background-color:#f4d03f;
}

.btn.btn-warning:active,.btn.btn-warning.active {
background-color:#cea70c;
}

.btn-toolbar .btn {
font-size:18px;
padding:10px 14px 9px;
}

.btn-toolbar .btn:first-child {
-webkit-border-radius:6px 0 0 6px;
-moz-border-radius:6px 0 0 6px;
border-radius:6px 0 0 6px;
}

.btn-toolbar .btn:last-child {
-webkit-border-radius:0 6px 6px 0;
-moz-border-radius:0 6px 6px 0;
border-radius:0 6px 6px 0;
}

.highlite {
color:#f6940b;
}

.hideContent {
display:none;
}

.teamQuote {
color:#ccc;
font-family:Oswald, sans-serif;
font-weight:400;
font-style:italic;
quotes:\201C\201D\2018\2019;
margin:1.5em 10px;
padding:.5em 10px;
}

.teamQuote:before {
color:#ccc;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}

.teamQuote:after {
color:#ccc;
content:close-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.8em;
}

.teamQuote p {
text-align:left;
display:inline;
}

#pageEnd {
min-height:300px;
background:#252525;
-webkit-box-shadow:0 10px 10px rgba(0,0,0,0.8) inset;
-moz-box-shadow:0 10px 10px rgba(0,0,0,0.8)inset;
box-shadow:0 10px 10px rgba(0,0,0,0.8)inset;
}

#pageEnd h3 {
display:block;
text-align:center;
color:#fff;
text-shadow:1px 1px 0 #000;
font-size:40px;
margin:0;
padding:50px 0;
}

a,a:hover,a:focus {
color:#F6940B;
text-decoration:none;
}

.navbar-inverse .nav > li > a,.btn-toolbar .btn.active {
color:white;
}

.btn.btn-primary:hover,.btn.btn-primary:focus,.btn.btn-primary:active,.btn.btn-primary.active {
background-color:#F6940B;
}
#bgHolder{
    position: absolute;
    width: auto;
    min-width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
}
#headerBg{
  background:url(../../images/slider/top_bg_4.jpg) center center no-repeat ;
   width: auto;
   height: 100%;
   min-height: 400px;
   overflow: hidden;
}



/*****************************  @MEDIA *************************************************/

@media (min-width:1200px){
    #main-nav select {
        display:none;
    }

}

@media (max-width:979px){


body {
padding:0;
}

.container,.navbar .container {
padding:0 ;
}
.navbar .container {
padding:0 40px ;
}

.btn-block-third {
display:block;
width:100%;
padding-right:10px;
padding-left:10px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
float:left;
margin-bottom:10px;
}

i.or {
float:none;
display:block;
width:100%;
margin-bottom:10px;
}

.camein p {
width:60%;
}

#header-section .hero-unit {
background:none;
padding:40px 10px 10px;
}

#teamTxt {
padding:20px 0 20px 0;
}

#teamTxt p,#teamTxt .teamQuote {
font-size:18px;
}

.hero-unit h2 {
font-size:24px;
margin-bottom:20px;
}

.thumbnail .img-wrap {
max-height:100px;
}
.thumbnail .img-wrap img{
height:100px;
}

.navbar-inverse .navbar-inner {
padding:0;
}

.navbar-inverse .btn-navbar {
margin-top:15px;
}

.navbar-inverse .nav-collapse .nav > li > a,.navbar-inverse .nav-collapse .dropdown-menu a {
color:#fff;
}

.navbar-fixed-top {
position:fixed;
margin-bottom:30px;
}

.innerbg .hero-unit h3,#teamTxt h2,.innerbg h3,.hero-unit h1 {
font-size:50px;
}
#teamTxt h2 {
font-size:40px;
line-height: 40px;
}
}	

@media (max-width: 767px){
    page-header h3 {
   line-height: 40px;
}
    #team-section .thumbnail{
        text-align: center;
    }
    

#mailContainer .span6{
     margin-left: 0;
}
.logos .span4{
     width: 31.4917%;
     float: left;
}
.page-header h3 {
display:block;
text-align:center;
}

.caption.team-caption {
display:inline-block;
float:none;
width:100%;
margin:0 auto;
padding:2%;
}
.teamQuote {
    text-align: center;
}
.work-item  .thumbnail{
    text-align: center;
}
.thumbnail .img-wrap {
max-height:180px;
width: auto;
text-align: center;
display: inline-block;
}
.thumbnail .img-wrap img{
    width: auto;
    max-height: 180px;
height:180px;
text-align: center;
}
#header-section .hero-unit {
padding:10px 10px 0;
}

.hero-unit h2 {
font-size:18px;
margin-bottom:10px;
line-height: 18px;
}

.hero-unit .btn {
font-size:14px;
}

.camein p {
width:80%;
}

.navbar-fixed-top {
margin-bottom:30px;
}

.navbar-inverse .navbar-inner {
padding:0;
}

.innerbg .hero-unit h3,.hero-unit h1 {
font-size:27px;
line-height:27px;
}

#header-section .innerbg {
min-height:400px;
height:100%;
}
.navbar .brand {
   
    font-size: 18px;
    
}
.container, .navbar .container {
padding:0 20px ;
}
#team-section-plx.container {
padding:0 ;
}
#selectLang{
   margin: 0 auto; 
   text-align: center;
   display: block;
}
.languageselect.pull-right{
    float: none;
    display: inline-block;
    margin: 0 auto;
}
}