/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html,button,input,select,textarea{font-family:Arial, sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.25em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button, html input[type=button], input[type=reset], input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox], input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

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

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../fonts/source-sans-pro-v11-latin-regulard41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-regular.html') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-pro-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
       url('../fonts/source-sans-pro-v11-latin-600d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-600.html') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('../fonts/source-sans-pro-v11-latin-700d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-700.html') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}


html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

html,
body {
   font-family: 'Source Sans Pro', sans-serif;
   font-size:1em;
   line-height: 1.500em;
   background:#fff;
}

header {
   position:relative;
   
}

#index .jumbo {
   padding:0;
   margin:0;
}

.jumbo {
   border-top:13px solid #6A6B6D;
   padding:0;
}

header-container {
   position:relative;
}

.footer-container {
   background: url(../img/layout/footer_bild.gif) no-repeat top left;
   min-height:200px;
   padding:5px;
}

#index .content {
   padding-bottom:46px;
}

.content {
   padding-top:20px;
   padding-bottom:20px;
}

a:link,
a:visited{
	text-decoration:none;
	color:#4173A6;
}

a:hover,
a:active,
a:focus {
	color:#000;
}

a.arrow {
   background:url(../img/layout/arrow.gif) no-repeat 0 3px;
   padding-left:15px;
}

.inner {
   padding-left:20px;
}

a.black {
   color:#000;
}

a.white {
   color:#fff;
}

.img-center {
   margin-left:auto;
   margin-right:auto;
}

#logo {
   display:none;
}

.showcase {
   margin-bottom:25px;
   margin-top:20px;
   position:relative;
}

.img-center {
   margin-left:auto;
   margin-right:auto;
}

.framed {
   border:3px solid #6A6B6D;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}


/* Navi mobil view
***********************/

header {
   background:#F2EBE5;
}

.navbar {
   min-height:65px;
   margin-bottom:15px;
}

.navbar-header {
   background:transparent url("../img/layout/logo.gif") no-repeat 0 5px;
   background-size:contain;
   min-height:65px;
   margin-top:5px;
}

.navbar-inverse {
   border-bottom:none;
   background:transparent
}

.navbar-collapse {
   border-color:#FFFAEC;
   border:none;
   box-shadow:none;
/*   background:#101010; */
}

.navbar-inverse .navbar-nav > li > a {
   color:#333;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
   color:#000;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
   color:#333;
   background:transparent;

}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
   font-size:1.0em;
   color:#000;
}

/*
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
   color:#000;
}
*/

.navbar-inverse .navbar-collapse {
   border-color:#2373A6;
}

.navbar-inverse .navbar-toggle {
   margin-top:50px;
   margin-right:5px;
   background:#808080;
   border-color:#0091D3;
   border:none;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
   background:#808080;
}

p {
   line-height: 1.5em;
   margin:0 0 15px 0;
}

.strong {
   font-weight:bold;
}

.small {
   margin:0 0 15px 0;
}

.white {
   color:#fff;
}

.large {
   font-size:1.250em;
}

.nomargin {
   margin-bottom:0;
}

.halfmargin {
   margin:0 0 5px 0;
}

h1 {
   font-size:1.500em;
   line-height:1.2em;
   font-weight:bold;
   color:#000;
   margin-bottom:0px;
}


h2 {
   font-size:1.125em;
   line-height:1.375em;
   margin-bottom:25px;
   margin-top:0;
   color:#000;
}

h3  {
   font-size:1.250em;
   line-height:1.2em;
   margin-top:;
   margin-bottom:10px;
   font-weight:bold;
   color:#009CE0;
}

h3.bluesquare {
   background: url(../img/layout/bluesquare.gif) no-repeat 0 5px;
   padding-left:20px;
   margin-top:25px;
   color:#000;
   font-weight:600;
}

ul, ol {
   padding-left:15px;
}

ul.listing {
   font-size:1em;
   line-height:1.5em;
   margin-top:0;
   margin-bottom:20px;
   color:#6A6B6D;
}

ul.listing li  {
   padding-left:5px;
}

ul.listing span {
   color:#000;
}

hr {
   border-top: 1px solid #ccc;
   margin-top: 25px;
   margin-bottom: 30px;
}

.m-t-lg { margin-top:30px; }
.m-t-md { margin-top:20px; }
.m-t-sm { margin-top:15px; }
.m-t-xs { margin-top:10px; }

footer {
   background-color:#6A6B6D;
   padding:0px;
   color:#fff;
}

.larger {
   font-size:1.375em;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 768px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 768px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 768px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 768px),
only screen and (                min-resolution: 192dpi) and (min-width: 768px),
only screen and (                min-resolution: 2dppx)  and (min-width: 768px) {

}

@media only screen
    and (min-device-width : 375px)
    and (max-device-width : 667px)
    and (orientation : landscape)
    and (-webkit-min-device-pixel-ratio : 2) {
/*
   .container {
      width:480px;
   }

   body {
      background:#fff url(../img/layout/body_bg_lt480.jpg) repeat-x;
   }

   header {
      background-image:none;
   }
*/
}

/* and (-webkit-min-device-pixel-ratio : 2) */
    
@media only screen
    and (min-device-width : 375px)
    and (max-device-width : 667px)
    and (orientation : portrait)
    and (-webkit-min-device-pixel-ratio : 2) {
}

/*
@media (min-width: 340px) and (max-width: 414px) and (orientation: portrait) {


}

@media (min-width: 340px) and (max-width: 479px) and (orientation: portrait) {

}
*/
@media only screen
    and (min-device-width : 414px)
    and (max-device-width : 736px)
    and (orientation : landscape)
    and (-webkit-min-device-pixel-ratio : 3){
/*
   .container {
      width:480px;
   }

   body {
      background:#fff url(../img/layout/body_bg_lt480.jpg) repeat-x;
   }

   header {
      background-image:none;
   }
*/
}
/*     and (-webkit-min-device-pixel-ratio : 3) */

@media only screen
    and (min-device-width : 414px)
    and (max-device-width : 736px)
    and (orientation : portrait)
    and (-webkit-min-device-pixel-ratio : 3) {
/*
   .container {
      width:340px;
   }

   body {
      background:#fff url(../img/layout/body_bg_lt480.jpg) repeat-x;
   }
*/
}



@media (min-width: 480px) {


}

@media (min-width: 768px) {

   header {
      /* background:#E9E9E9 url(../img/layout/header_bg.png) repeat-x bottom left;; */
      background:#E9E9E9;
   }

   .header-container {
      position:relative;
      height:175px;
   }

   .navbar-header {
      background:transparent;
      background:none;
      height:auto;
      min-height:0px;
   }

   .navbar {
      width:500px;
      height:96px;
      padding:0;
      margin:0;
      margin-bottom:0;
      position:absolute;
      bottom:25px; right:15px;
      background:#000 url(../img/layout/menu_bg_700.jpg) no-repeat top left;
   }

   .navbar-collapse {
      background-color:transparent;
   }

   .navbar-inverse {
     background-color:transparent;
     border:none;
   }

   ul.navbar-nav {
      margin-right:0;
   }

   .navbar-nav li {
      height:96px;
      padding-top:0px;
      margin:0;
      background: transparent;
   }

   .navbar-nav li:hover {
      background: url(../img/layout/menu_arrow_sm.png) no-repeat top center;
   }

   .navbar-nav li a {
      display:block;
      height:52px;
      text-align:center;
      padding-top:17px;
      margin-top:5px;
      width:125px;
      font-size: 1em;
      line-height:1.154em;
      color:#fff;
      border-right:1px solid #5B5B5B;
   }

   .navbar-nav li:last-child a {
      border-right:none;
   }


   .navbar-inverse .navbar-nav > li > a {
      color:#fff;
   }

   .navbar-inverse .navbar-nav > li > a:hover,
   .navbar-inverse .navbar-nav > li > a:focus,
   .navbar-nav a.active {
      color:#fff;;
   }

   .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color:#fff;
   }

   .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
      color:#f00;
   }


   .dropdown-menu {
      background-color:#303035;
      border:none;
      padding-left:10px;
      padding-right:10px;
   }

   /* dropdown styles */
   .dropdown-menu li {
      background:#303035;
      background-image:none;
      width:auto;
      border:none;
      text-align:left;
      border-bottom:none;
   }

   .dropdown-menu li:last-child {
      border-bottom:none;
   }

   .dropdown-menu li a:hover {
      color:#f00;
      background:transparent;
   }

   .dropdown-menu li a {
      width:auto;
      padding:10px 10px;
      text-align:left;
      color:#fff;
      border:none;
   }

   .navbar-inverse .navbar-nav > .open > a,
   .navbar-inverse .navbar-nav > .open > a:hover,
   .navbar-inverse .navbar-nav > .open > a:focus {
     color: #f00;
   }

   #index #nav0,
   #leistungen #nav1,
   #unternehmen #nav2,
   #kontakt #nav3,
   #karriere #nav4,
   #referenzen #nav5 {
      background: url(../img/layout/menu_arrow_sm.png) no-repeat top center;
   }

   .mtlg {
      margin-top:25px;
   }

   #logo {
      width:200px;
      margin-top:50px;
      display:inline-block;
   }

   .adr {
      padding:40px;
      background:transparent url(../img/layout/adr_bild.jpg) no-repeat;
      background-size:contain;
   }

   .padr {
      padding-left:40px;
      line-height:1.25em;
   }

   .showcase {
      width:400px;
      height:400px;
      padding:70px 60px 0 80px;
      margin:40px auto 0;
      background: url(../img/layout/showcase_bg.gif) no-repeat;
      background-size:contain;
   }

   .sclcpic {
      position:absolute;
      top:40px; left:-100px;
   }

   .scrcpic {
      position:absolute;
      top:40px; left:-100px;
   }

   #index .content {
      padding-top:0;
   }

}


@media (min-width: 992px) {

   #logo {
      width:325px;
      margin-top:25px;
   }

   .navbar {
      width:817px;
      height:96px;
      margin-bottom:0;
      position:absolute;
      top:40px; right:15px;
      background:transparent url(../img/layout/menu_balken.jpg) no-repeat  100px 0px;

   }

   .navbar-nav li a {
      display:block;
      height:61px;
      text-align:center;
      padding-top:22px;
      margin-top:5px;
      width:120px;
      font-size: 1em;
      line-height:1.154em;
      color:#fff;
      border-right:1px solid #5B5B5B;
   }

   .navbar-nav li:hover {
      background: url(../img/layout/menu_arrow_sm.png) no-repeat top center;
   }


   #index #nav0,
   #leistungen #nav1,
   #unternehmen #nav2,
   #kontakt #nav3,
   #karriere #nav4,
   #referenzen #nav5 {
      background: url(../img/layout/menu_arrow_sm.png) no-repeat top center;
   }


   .padr {
      padding-left:50px;
      line-height:1.5em;
   }

   .showcase {
      width:380px;
      height:380px;
      padding:60px 40px 0 90px;
      float:right;
   }

   .sclcpic {
      position:absolute;
      top:40px; left:-95px;
   }

   .scrcpic {
      position:absolute;
      top:40px; left:-95px;
   }


}



@media (min-width: 1200px) {

   #logo {
      margin-top:20px;
   }

   .showcase {
      width:280px;
      height:280px;
      padding:70px 80px 0 80px;
      float:right;
   }

   .sclcpic {
      position:absolute;
      top:40px; left:-110px;
   }

   .scrcpic {
      position:absolute;
      top:40px; left:-110px;
   }

}