@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=a9376d4c-5d51-4149-9a74-b077e77b9042&fontids=710318");

@font-face {
  font-family : "HelveticaNeueW01-BdOutl";
  src         : url("Fonts/710318/07cd25f5-37c7-4413-90bf-7f71fff4201d.eot?#iefix");
  src         : url("Fonts/710318/07cd25f5-37c7-4413-90bf-7f71fff4201d.eot?#iefix") format("eot"), url("Fonts/710318/457c9ffb-6ebd-4e77-9544-23653eac2ad8.woff2") format("woff2"), url("Fonts/710318/242e7dbb-e29a-4b5c-89c9-ac88895aaa97.woff") format("woff"), url("Fonts/710318/63ef5c81-7ba4-431c-9722-c3b53f1327f0.ttf") format("truetype"), url("Fonts/710318/94954111-3cea-4dbf-8508-a74853766dfc.svg#94954111-3cea-4dbf-8508-a74853766dfc") format("svg");
}

html {
  height : 100%;
}

body {
  margin           : 0;
  height           : 100%;
  font-family      : Georgia, serif;
  font-size        : 20px;
  line-height      : 1.45;
  color            : #c2c4c6;
  background-color : white;
}

header {
  position         : fixed;
  top              : 0;
  left             : 0;
  width            : 100%;
  background-color : white;
}

#mobmenu {
  display : none;
}

#logo {
  position : absolute;
  top      : 24px;
  right    : 17px;
  width    : 222px;
}

nav {
  margin      : 17px auto 30px auto;
  width       : 400px;
  font-family : 'HelveticaNeueW01-BdOutl', sans-serif;
  font-size   : 50px;
  line-height : 1;
  color       : #c2c4c6;
  letter-spacing: 1px;
}

nav ul {
  margin     : 0;
  padding    : 0;
  list-style : none;
  text-align : center;
}

nav ul li {
  margin : 0;
}

nav ul li a {
  text-decoration : none;
  color           : #c2c4c6;
}

nav ul li a.nav-1:hover, nav ul li a.nav-1-a {
  color : #6455e8;
}

nav ul li a.nav-2:hover, nav ul li a.nav-2-a {
  color : #0fc5b6;
}

nav ul li a.nav-3:hover, nav ul li a.nav-3-a {
  color : #525167;
}

section {
  margin     : 0 auto;
  padding    : 260px 15px 0 15px;
  max-width  : 690px;
  text-align : center;
  box-sizing : border-box;
}

footer {
  margin      : 0 auto;
  padding     : 0 15px 15px 15px;
  max-width   : 340px;
  text-align  : center;
  box-sizing  : border-box;
  font-size   : 14px;
}

#angebot {
  color : #6455e8;
}

#team {
  color : #0fc5b6;
}

#kontakt {
  color : #525167;
}
#kontakt a {
  color : #525167;
}

#map {
  margin     : 0 95px 28px 95px;
  box-sizing : border-box;
}

#impressumtitel {
  cursor : pointer;
}

#impressumtext {
  display : none;
  padding : 28px 0;
}

h2 {
  display        : inline-block;
  margin         : 0 0 36px 0;
  font-size      : 20px;
  font-weight    : normal;
  text-transform : uppercase;
}

h2 span {
  border-bottom  : 2px solid #c2c4c6;
}
p span {
  text-transform: uppercase;
  border-bottom  : 2px solid #c2c4c6;
}

p {
  padding : 0;
  margin  : 0;
}

a.txt {
  text-decoration : none;
  color           : #525167;
}

a.txt:hover {
  text-decoration : underline;
}

.pb28 {
  margin-bottom : 28px;
}

.pb42 {
  margin-bottom : 42px;
}

.pb72 {
  margin-bottom : 72px;
}

.pb122 {
  margin-bottom : 122px;
}

.line {
  margin           : 20px auto;
  width            : 24px;
  height           : 2px;
  background-color : #c2c4c6;
  box-sizing       : border-box;
}

.line2 {
  margin           : 20px auto 48px auto;
  width            : 24px;
  height           : 2px;
  background-color : #c2c4c6;
  box-sizing       : border-box;
}

.content-image {
  margin      : 0 74px 28px 74px;
  line-height : 0;
}

.team-item {
  margin-bottom : 130px;
}
.team-list {
  margin: 0 auto;
  max-width: 580px;
}

.team-image {
  line-height : 0;
  margin: 0 auto 36px auto;
  max-width: 368px;
}

.team-image-portrait {
  line-height : 0;
  margin: 0 auto 36px auto;
  max-width: 206px;
}

.team-item a {
  text-decoration : none;
  color           : #c2c4c6;
}

.img-responsive {
  max-width : 100%;
  height: auto;
}

@media only screen and (max-width : 767px) {
  body {
    font-size : 14px;
  }

  header {
    position : static;
    margin   : 0;
  }

  #mobmenu {
    position: fixed;
    display    : block;
    float      : left;
    margin     : 12px;
    width      : 25px;
    padding    : 3px 3px 8px 3px;
    text-align : center;
    background-color: #fff;
  }

  #mobmenu span {
    display          : block;
    background-color : #c2c4c6;
    height           : 2px;
    margin-top       : 5px;
    width            : 90%;
  }

  #logo {
    position : static;
    float    : right;
    margin   : 12px;
    top      : auto;
    right    : auto;
  }

  nav {
    clear     : both;
    display   : none;
    margin    : 0;
    width     : 100%;
    font-size : 40px;
  }

  section {
    clear   : both;
    padding : 40px 12px 0 12px;
  }

  footer {
    font-size   : 10px;
    line-height : 12px;
  }

  h2 {
    margin    : 0 0 28px 0;
    font-size : 14px;
  }

  .pb28 {
    margin-bottom : 20px;
  }

  .pb42 {
    margin-bottom : 34px;
  }

  .pb72 {
    margin-bottom : 64px;
  }

  .content-image {
    margin      : 0 0 12px 0;
    line-height : 0;
  }

  .team-item {
    margin-bottom : 100px;
  }

  .team-image {
    margin      : 0 auto 28px auto;
    line-height : 0;
  }

  #map {
    margin     : 0 0 20px 0;
    box-sizing : border-box;
  }

  #impressumtext {
    padding : 20px;
  }
}