/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.bx-wrapper img {
  max-width: 100%;
  display: block; }

.bxslider {
  margin: 0;
  padding: 0; }

ul.bxslider {
  list-style: none; }

.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0); }

/** THEME
===================================*/
.bx-wrapper {
  /*-moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;*/
  background: #fff; }

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%; }

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("images/bx_loader.gif") center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000; }

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px; }

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000; }

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline; }

.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px; }

.bx-wrapper .bx-next {
  right: 10px;
  text-align: right; }

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -32px;
  outline: 0;
  width: 64px;
  height: 64px;
  /*text-indent: -9999px;*/
  z-index: 9999;
  font-size: 58px;
  color: #666;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  -ms-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  transition: color 0.5s ease; }

.bx-wrapper .bx-controls-direction a:hover {
  color: #2e2d2a; }

.bx-wrapper .bx-controls-direction a.disabled {
  display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url("images/controls.png") -86px -11px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url("images/controls.png") -86px -44px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%; }

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px; }

@font-face {
  font-family: 'DINPro';
  src: url("../fonts/DINPro-Regular.eot");
  src: local("DINPro-Regular"), url("../fonts/DINPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro-Regular.woff2") format("woff2"), url("../fonts/DINPro-Regular.woff") format("woff"), url("../fonts/DINPro-Regular.ttf") format("truetype"), url("../fonts/DINPro-Regular.svg#DINPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

body, html {
  font-family: 'DINPro';
  font-weight: normal;
  font-style: normal;
  background-color: #ffffff;
  margin: 0px;
  padding: 0px;
  height: 100%;
  color: #2e2d2a; }

.meta {
  z-index: 20;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin-bottom: 95px; }
  .meta .container-content {
    min-height: 100%;
    padding-bottom: 20px; }
    .meta .container-content header {
      padding-top: 40px;
      padding-bottom: 20px;
      text-align: center; }
      .meta .container-content header h1, .meta .container-content header h2 {
        font-size: 24px;
        color: #2e2d2a;
        margin: 0;
        padding: 0;
        text-transform: uppercase; }
    .meta .container-content .schulter_start {
      max-width: 1100px;
      margin: 0 auto 0 auto; }
      .meta .container-content .schulter_start .col-lg-1, .meta .container-content .schulter_start .col-lg-10, .meta .container-content .schulter_start .col-lg-11, .meta .container-content .schulter_start .col-lg-12, .meta .container-content .schulter_start .col-lg-2, .meta .container-content .schulter_start .col-lg-3, .meta .container-content .schulter_start .col-lg-4, .meta .container-content .schulter_start .col-lg-5, .meta .container-content .schulter_start .col-lg-6, .meta .container-content .schulter_start .col-lg-7, .meta .container-content .schulter_start .col-lg-8, .meta .container-content .schulter_start .col-lg-9, .meta .container-content .schulter_start .col-md-1, .meta .container-content .schulter_start .col-md-10, .meta .container-content .schulter_start .col-md-11, .meta .container-content .schulter_start .col-md-12, .meta .container-content .schulter_start .col-md-2, .meta .container-content .schulter_start .col-md-3, .meta .container-content .schulter_start .col-md-4, .meta .container-content .schulter_start .col-md-5, .meta .container-content .schulter_start .col-md-6, .meta .container-content .schulter_start .col-md-7, .meta .container-content .schulter_start .col-md-8, .meta .container-content .schulter_start .col-md-9, .meta .container-content .schulter_start .col-sm-1, .meta .container-content .schulter_start .col-sm-10, .meta .container-content .schulter_start .col-sm-11, .meta .container-content .schulter_start .col-sm-12, .meta .container-content .schulter_start .col-sm-2, .meta .container-content .schulter_start .col-sm-3, .meta .container-content .schulter_start .col-sm-4, .meta .container-content .schulter_start .col-sm-5, .meta .container-content .schulter_start .col-sm-6, .meta .container-content .schulter_start .col-sm-7, .meta .container-content .schulter_start .col-sm-8, .meta .container-content .schulter_start .col-sm-9, .meta .container-content .schulter_start .col-xs-1, .meta .container-content .schulter_start .col-xs-10, .meta .container-content .schulter_start .col-xs-11, .meta .container-content .schulter_start .col-xs-12, .meta .container-content .schulter_start .col-xs-2, .meta .container-content .schulter_start .col-xs-3, .meta .container-content .schulter_start .col-xs-4, .meta .container-content .schulter_start .col-xs-5, .meta .container-content .schulter_start .col-xs-6, .meta .container-content .schulter_start .col-xs-7, .meta .container-content .schulter_start .col-xs-8, .meta .container-content .schulter_start .col-xs-9 {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px; }
      .meta .container-content .schulter_start .schulter_project_container {
        width: 100%; }
        .meta .container-content .schulter_start .schulter_project_container a {
          display: block;
          max-width: 400px;
          margin: 0 auto;
          position: relative;
          overflow: hidden;
          background-color: rgba(0, 0, 0, 0.2);
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease; }
          .meta .container-content .schulter_start .schulter_project_container a:hover {
            background-color: rgba(255, 255, 255, 0.6); }
          .meta .container-content .schulter_start .schulter_project_container a img {
            max-width: 100%;
            position: relative;
            z-index: -2;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease; }
          .meta .container-content .schulter_start .schulter_project_container a:hover img {
            -webkit-transform: scale(1.1);
            /* Safari and Chrome */
            -moz-transform: scale(1.1);
            /* Firefox */
            -ms-transform: scale(1.1);
            /* IE 9 */
            -o-transform: scale(1.1);
            /* Opera */
            transform: scale(1.1); }
          .meta .container-content .schulter_start .schulter_project_container a .schulter_project_name {
            position: absolute;
            top: 45%;
            left: 0;
            right: 0;
            text-align: center;
            color: #fff;
            font-size: 2em;
            text-transform: uppercase;
            line-height: 1.1;
            -webkit-transition: color 0.5s ease;
            -moz-transition: color 0.5s ease;
            -ms-transition: color 0.5s ease;
            -o-transition: color 0.5s ease;
            transition: color 0.5s ease;
            display: none; }
          .meta .container-content .schulter_start .schulter_project_container a:hover .schulter_project_name {
            color: #2e2d2a; }
    .meta .container-content .schulter_project {
      max-width: 1100px;
      margin: 0 auto 0 auto; }
      .meta .container-content .schulter_project .sliderWrapper .sliderVideo {
        position: relative;
        padding-bottom: 56.25%;
        /* 16:9 */
        padding-top: 0;
        height: 0;
        margin: 0 auto; }
        .meta .container-content .schulter_project .sliderWrapper .sliderVideo iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
      .meta .container-content .schulter_project .sliderWrapper .sliderImage {
        margin: 0 auto; }
  .meta .container-footer {
    height: 95px; }
    .meta .container-footer footer {
      height: 100%;
      color: #2e2d2a; }
      .meta .container-footer footer .impressum {
        padding-bottom: 10px; }
      .meta .container-footer footer .person1 {
        text-align: right; }
      .meta .container-footer footer div.phone {
        display: inline; }
      .meta .container-footer footer div.email {
        display: inline; }
        .meta .container-footer footer div.email:before {
          content: ' / '; }
      .meta .container-footer footer a {
        color: #2e2d2a;
        -webkit-transition: color 0.5s;
        -moz-transition: color 0.5s;
        -ms-transition: color 0.5s;
        -o-transition: color 0.5s;
        transition: color 0.5s; }
        .meta .container-footer footer a:hover {
          color: naviblue; }

@media (max-width: 767px) {
  .meta {
    margin-bottom: 180px; }
    .meta .container-footer {
      height: 180px; }
      .meta .container-footer footer .person1, .meta .container-footer footer .person2 {
        text-align: center; }
      .meta .container-footer footer .person1 {
        padding-bottom: 10px; }
      .meta .container-footer footer div.phone {
        display: block; }
      .meta .container-footer footer div.email {
        display: block; }
        .meta .container-footer footer div.email:before {
          content: ''; } }