/**
 * @license
 * MyFonts Webfont Build ID 3091483, 2015-09-15T08:12:22-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: GillSansMTStd-Light by Monotype 
 * URL: http://www.myfonts.com/fonts/mti/gill-sans/std-light/
 * 
 * Webfont: GillSansMTStd-Medium by Monotype 
 * URL: http://www.myfonts.com/fonts/mti/gill-sans/std-roman/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3091483
 * Licensed pageviews: 250,000
 * Webfonts copyright: Font software Copyright 2001 Adobe Systems Incorporated. Typeface designs Copyright The Monotype Corporation. All Rights Reserved.
 * 
 * © 2015 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2f2c1b");

  
@font-face {font-family: 'GillSansMTStd-Light';src: url('webfonts/2F2C1B_0_0.eot');src: url('webfonts/2F2C1B_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2F2C1B_0_0.woff2') format('woff2'),url('webfonts/2F2C1B_0_0.woff') format('woff'),url('webfonts/2F2C1B_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'GillSansMTStd-Medium';src: url('webfonts/2F2C1B_1_0.eot');src: url('webfonts/2F2C1B_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2F2C1B_1_0.woff2') format('woff2'),url('webfonts/2F2C1B_1_0.woff') format('woff'),url('webfonts/2F2C1B_1_0.ttf') format('truetype');}
 
html, body {
  min-height: 100%;
  font-size: 18px;
  font-family: 'GillSansMTStd-Light', sans-serif;
  font-weight: normal;
  color: #232323; }

a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

h1.line:after,
h2.line:after {
  content: " ";
  border: 1px solid #fff;
  border-width: 1px 0 0 0;
  margin-top: 15px;
  margin-bottom: 15px;
  display: block;
  max-width: 100px; }

h1, h2, h3, h4, h5 {
  font-weight: normal; }

h1 {
  font-size: 45px;
  margin: 0;
  font-weight: normal; }
  h1 span {
    font-family: 'GillSansMTStd-Medium', sans-serif; }

h2 {
  font-size: 40px;
  margin: 1em 0 .75em; }

p {
  margin: 0 0 1em 0; }
  p strong {
    font-weight: normal;
    color: #232323; }
    p strong a {
      color: #232323;
      text-decoration: underline; }
    p strong.stronger {
      font-size: 30px; }

.center {
  text-align: center; }
  .center.line:after {
    margin-left: auto;
    margin-right: auto; }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.weiterlesen, .fertig {
  display: block;
  margin: 1em 0 0 0; }

.panel {
  position: fixed;
  left: -320px;
  /*left or right and the width of your navigation panel*/
  width: 320px;
  /*should match the above value*/ }

.menu-link {
  background: #eb5e33;
  display: block;
  position: fixed;
  top: 0;
  left: 15px;
  padding: 20px 25px;
  color: #fff;
  display: none; }

#menu {
  background: #8fcbd9;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  color: #fff;
  padding: 0 44px; }
  #menu ul {
    margin: 0;
    padding: 0; }
    #menu ul li {
      margin: 0;
      padding: 0;
      list-style: none; }
  #menu a {
    color: #fff;
    display: block;
    font-size: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #fff;
    text-decoration: none; }
    #menu a:hover {
      color: rgba(255, 255, 255, 0.5); }
  #menu .menu-close {
    border: 0;
    display: block;
    padding: 0;
    margin: 1em 0 2em 0;
    cursor: pointer; }

header {
  position: relative;
  z-index: 11; }

#desktop-menu {
  position: fixed;
  left: 50px;
  top: 100px; }
  #desktop-menu ul {
    margin: 0;
    padding: 0; }
    #desktop-menu ul li {
      margin: 0 0 15px 0;
      padding: 0;
      list-style: none; }
      #desktop-menu ul li a {
        display: block;
        text-indent: -9999em;
        background: transparent;
        width: 25px;
        height: 25px;
        position: relative;
        -webkit-border-radius: 13px;
        -moz-border-radius: 13px;
        -ms-border-radius: 13px;
        border-radius: 13px; }
        #desktop-menu ul li a span {
          position: absolute;
          top: 7px;
          left: 7px;
          display: block;
          background: #fff;
          width: 11px;
          height: 11px;
          -webkit-border-radius: 6px;
          -moz-border-radius: 6px;
          -ms-border-radius: 6px;
          border-radius: 6px; }
        #desktop-menu ul li a:hover {
          background: rgba(255, 255, 255, 0.3); }

.white h1, .white h2, .white h3, .white p {
  color: #fff; }
.white h2 span {
  color: #000; }

#intro {
  background: url(../img/bg-slide-01.jpg) center top no-repeat;
  background-size: cover;
  min-height: 800px;
  padding: 180px 0 0;
  position: relative; }
  #intro #logo {
    position: absolute;
    top: 40px;
    right: 40px; }
    #intro #logo img {
      width: 250px;
      height: auto; }
  #intro h1 {
    font-size: 55px; }
  #intro h2 {
    font-size: 30px;
    font-weight: normal; }

#dates {
  background: #eb5e33;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); }
  #dates .pin {
    text-align: center;
    position: relative;
    top: -40px; }

#samples {
  background: #eb5e33;
  padding: 180px 0 200px 0; }
  #samples h1 {
    margin-bottom: 1em; }

#installation {
  padding: 160px 0 100px 0;
  background: url(../img/bg-installation.jpg) center top no-repeat;
  background-size: cover;
  min-height: 900px; }
  #installation p {
    font-size: 16px; }
  #installation a {
    color: #fff;
    text-decoration: none; }
    #installation a:hover {
      opacity: .5; }
  #installation .mehr-inhalt {
    display: none; }

#die-klangerzeuger {
  padding: 0;
  background: #82c4d4; }
  #die-klangerzeuger h1 {
    color: #fff;
    padding: 40px 0 25px; }
  #die-klangerzeuger ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    #die-klangerzeuger ul li {
      list-style: none;
      margin: 0;
      padding: 0; }
  #die-klangerzeuger div {
    position: relative; }
  #die-klangerzeuger .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.5); }
    #die-klangerzeuger .overlay h3 {
      margin: 2em 0 .5em;
      padding: 0 1em;
      font-size: 30px;
      color: #fff;
      font-weight: normal; }
    #die-klangerzeuger .overlay p {
      font-size: 15px;
      color: #fff;
      padding: 0 1.5em; }

#klangerzeuger {
  padding: 0;
  background: #82c4d4; }
  #klangerzeuger div {
    position: relative;
    padding: 0; }
    #klangerzeuger div img {
      width: 100%;
      height: auto; }
    #klangerzeuger div.titel h1 {
      color: #fff;
      padding: 170px 0 0 70px; }
    #klangerzeuger div .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      text-align: center;
      background: rgba(0, 0, 0, 0.7); }
      #klangerzeuger div .overlay h3 {
        margin: 2em 0 .5em;
        padding: 0 2em;
        font-size: 30px;
        color: #fff;
        font-weight: normal; }
      #klangerzeuger div .overlay p {
        font-size: 15px;
        color: #fff;
        padding: 0 3em; }

#team {
  padding: 100px 0 0 0;
  background: #82c4d4; }
  #team .table {
    padding: .75em 0;
    margin: 0; }
    #team .table.even {
      background: #8fcbd9; }
    #team .table p {
      color: #fff;
      margin: 0; }
      #team .table p strong {
        color: #fff;
        font-family: 'GillSansMTStd-Medium', sans-serif; }
        #team .table p strong span {
          font-weight: normal; }

#icons {
  padding: 80px 0 60px; }
  #icons ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    #icons ul li {
      list-style: none;
      margin: 0;
      padding: 0; }
  #icons img {
    width: auto;
    margin: 0 auto; }
  #icons .owl-dots {
    margin: 2em 0 0 0; }
    #icons .owl-dots .owl-dot span {
      background: #82c4d4;
      opacity: .5;
      width: 12px;
      height: 12px; }
    #icons .owl-dots .owl-dot.active span, #icons .owl-dots .owl-dot:hover span {
      opacity: 1; }
  #icons .logos-desktop {
    text-align: center; }
    #icons .logos-desktop li {
      display: inline-block;
      margin: 0 15px; }

#orte {
  background: url(../img/map-footer.png) no-repeat center bottom #82c4d4;
  padding: 100px 0 80px; }
  #orte h2 {
    margin-top: 0; }
  #orte h3 {
    font-weight: normal; }
    #orte h3 span {
      color: #232323; }

footer {
  background: #353535;
  font-size: 15px;
  padding: 20px 0 60px; }
  footer h2 {
    font-size: 30px; }
  footer a {
    color: #fff; }
    footer a:hover {
      color: #fff; }

/*# sourceMappingURL=styles.css.map */
@media (max-width: 1100px) {
  #klangerzeuger div.titel h1 {
    font-size: 35px;
    padding-top: 120px;
    padding-left: 40px;
    padding-right: 30px; }

  #icons .logos-desktop li {
    margin: 0 5px; }

  h1 {
    font-size: 35px; } }
@media (max-width: 768px) {
  html, body {
    font-size: 16px; }

  h1 {
    font-size: 30px; }

  h2 {
    font-size: 30px; }

  .menu-link {
    display: block; }

  #desktop-menu {
    display: none; }

  #intro h1 {
    font-size: 30px; }
  #intro h2 {
    font-size: 20px; }

  #team {
    padding-top: 30px; } }
@media (max-width: 460px) {
  #intro #logo img {
    width: 125px;
    height: auto; } }

/*# sourceMappingURL=mobile.css.map */