@charset "UTF-8";
@font-face {
  font-family: "Helvetica Neue LT W05_45 Light";
  src: url("fonts/f9c5199e-a996-4c08-9042-1eb845bb7495.woff2") format("woff2"), url("fonts/2a34f1f8-d701-4949-b12d-133c1c2636eb.woff") format("woff"); }

@font-face {
  font-family: "Helvetica Neue LT W05_55 Roman";
  src: url("fonts/08b57253-2e0d-4c12-9c57-107f6c67bc49.woff2") format("woff2"), url("fonts/08edde9d-c27b-4731-a27f-d6cd9b01cd06.woff") format("woff"); }

.icon-mail, .icon-fax, .icon-fon {
  position: relative;
  padding-left: 32px; }
  .icon-mail:before, .icon-fax:before, .icon-fon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 16px;
    height: 16px; }

.icon-fon {
  color: #c0c0c0;
  text-decoration: none; }

.icon-fax:before {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%2216%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st0%7Bfill%3Anone%3Bstroke%3A%23ffd10f%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%7D%3C/style%3E%3Cswitch%3E%3Cg%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M3.6%2014.8H2.3c-.7%200-1.3-.9-1.3-2V9.3c0-1.1.6-2%201.3-2h1.3M12.4%207.3h1.3c.7%200%201.3.9%201.3%202v3.4c0%201.1-.6%202-1.3%202h-1.3M3.6%201.2h8.8v6.9H3.6zM12.4%2014.8H3.6l.5-1.9h7.8z%22/%3E%3Ccircle%20class%3D%22st0%22%20cx%3D%2211.7%22%20cy%3D%2210.2%22%20r%3D%22.7%22/%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M5.7%203.6h4.6M5.7%205.7h4.6%22/%3E%3C/g%3E%3C/switch%3E%3C/svg%3E");
  background-repeat: no-repeat; }

.icon-fon:before {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2217%22%20height%3D%2217%22%3E%3Cswitch%3E%3Cg%3E%3Cpath%20d%3D%22M7.3%209.7c1.5%201.5%203.2%202.9%203.9%202.2%201-1%201.6-1.8%203.7-.1s.5%202.9-.4%203.8c-1.1%201.1-5.1.1-9.1-3.9s-5-8.1-3.9-9.1c.9-.9%202.1-2.6%203.8-.4%201.7%202.1.9%202.7-.1%203.7-.8.5.7%202.3%202.1%203.8z%22%20fill%3D%22none%22%20stroke%3D%22%23ffd10f%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22/%3E%3C/g%3E%3C/switch%3E%3C/svg%3E");
  background-repeat: no-repeat; }

.icon-mail:before {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%2216%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st0%7Bfill%3Anone%3Bstroke%3A%23ffd10f%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%7D%3C/style%3E%3Cswitch%3E%3Cg%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M15%2010.9c0%201.1-.9%202-2%202H3c-1.1%200-2-.9-2-2V5.1c0-1.1.9-2%202-2h10c1.1%200%202%20.9%202%202v5.8z%22/%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1.3%203.5L6.5%208c.8.7%202.2.7%203%200l5.2-4.5%22/%3E%3C/g%3E%3C/switch%3E%3C/svg%3E");
  background-repeat: no-repeat;
  top: 2px; }

.icon-down {
  width: 100%;
  display: block; }
  .icon-down:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    margin-bottom: 30px; }

.icon-down:before {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%2216%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st0%7Bfill%3Anone%3Bstroke%3A%23ffd10f%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%7D%3C/style%3E%3Cswitch%3E%3Cg%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M15%209.8v2.6c0%201.4-2.7%202.6-6%202.6H7c-3.3%200-6-1.2-6-2.6V9.8M8%201v9.9%22/%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M4.1%207L8%2010.9%2011.9%207%22/%3E%3C/g%3E%3C/switch%3E%3C/svg%3E");
  background-repeat: no-repeat; }

/************************* root elemente ************************/
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%; }

* {
  box-sizing: border-box; }

body {
  font-family: "Helvetica Neue LT W05_45 Light", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  color: #c0c0c0;
  background-color: #262626;
  -webkit-user-select: none; }

p {
  margin: 0; }

p + p {
  margin: 7px 0 0 0; }

p + h1 {
  margin: 28px 0 14px 0; }

#logo, h1, h2, h3, b, strong {
  font-family: "Helvetica Neue LT W05_55 Roman", Arial, sans-serif;
  font-weight: normal; }

h1, h2, h3 {
  line-height: 1.2;
  padding: 0;
  font-size: 14px;
  margin: 0 0 14px 0;
  color: #F2F2F2; }

#textpage h2, h3 {
  margin-top: 14px; }

a {
  color: #FFD10F; }

a:hover {
  text-decoration: none; }

a img {
  border: none; }

a:focus {
  outline: none; }

/************************* Container ************************/
#top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: black;
  z-index: 3000; }

#topinner {
  min-width: 768px;
  max-width: 1200px;
  display: flex;
  margin: 0 auto;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

#logo {
  line-height: 60px;
  white-space: nowrap; }
  #logo a {
    text-decoration: none;
    color: #F2F2F2;
    font-size: 23px;
    letter-spacing: 6px; }
    #logo a:hover {
      color: #FFD10F; }
    #logo a span {
      text-transform: uppercase;
      margin-left: 7px; }

#picscontainer {
  margin: 0 auto;
  position: relative;
  top: 50%;
  height: 600px;
  width: 1200px;
  margin-top: -300px;
  z-index: 1000; }

#pics, #mapcontainer {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 600px;
  width: 1200px; }

#mapcontainer {
  height: 600px; }

#imgtag {
  display: none;
  max-height: 100%;
  /*opacity:0;*/ }

#intro {
  height: 450px;
  width: 600px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -300px;
  margin-top: -225px;
  z-index: 0; }

#bildnavzurueck, #bildnavvor {
  position: absolute;
  z-index: 5000;
  top: 50%;
  margin-top: -250px; }

#bildnavzurueck, #bildnavvor {
  width: 300px;
  height: 500px; }

#bildnavzurueck a, #bildnavvor a {
  float: left;
  display: inline;
  width: 300px;
  height: 500px;
  text-decoration: none;
  background-repeat: no-repeat; }

#bildnavzurueck a {
  background-image: url(../img/zurueck.svg); }

#bildnavvor a {
  background-image: url(../img/vor.svg); }

#bildnavzurueck a:hover {
  background-image: url(../img/zurueck_over.svg); }

#bildnavvor a:hover {
  background-image: url(../img/vor_over.svg); }

#bildnavzurueck a:active, .bildnavzurueck_active {
  background-image: url(../img/zurueck_over.svg); }

#bildnavvor a:active, .bildnavvor_active {
  background-image: url(../img/vor_over.svg); }

#bildnavzurueck {
  left: 0; }

#bildnavvor {
  right: 0; }

#caption {
  color: #FFD10F;
  z-index: 3000; }

/************************* Hauptnav ************************/
#mainnav ul, #mainnav ul li {
  margin: 0;
  padding: 0;
  list-style-type: none; }

#mainnav ul {
  display: flex;
  line-height: 60px; }

#mainnav ul li {
  margin-left: 36px; }

#mainnav ul li a {
  color: #F2F2F2;
  text-decoration: none; }

#mainnav ul li a:hover, #mainnav ul li a.firstaktiv {
  color: #FFD10F; }

/************************* Bottomnav ************************/
#bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 60px;
  background-color: black;
  z-index: 3000; }

#bottominner {
  min-width: 768px;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  z-index: 5000; }
  #bottominner ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; }
    #bottominner ul a {
      color: #F2F2F2;
      text-decoration: none; }
      #bottominner ul a:hover {
        color: #FFD10F; }

#infopagesnav {
  width: 20%; }
  #infopagesnav li {
    margin-right: 18px; }

#caption {
  width: 60%;
  text-align: center; }

#legal {
  width: 20%;
  text-align: right; }
  #legal ul {
    justify-content: flex-end; }
  #legal li {
    margin-left: 18px; }

/************************* Textpages ************************/
#textpage, #mapcontent {
  margin: 0 auto;
  position: relative;
  top: 50%;
  height: 600px;
  width: 1200px;
  margin-top: -300px;
  z-index: 1000;
  background-color: black; }

#mapcontent {
  padding: 0;
  width: 1200px;
  height: 600px; }
  #mapcontent img {
    display: block;
    max-width: 100%; }

#textpage ul {
  margin: 0 0 0 16px;
  padding: 0; }

#textpage ul, #textpage ul li {
  list-style-type: square;
  list-style-position: outside; }

#textpage {
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 30px; }

#textpage .scroll {
  padding-right: 30px; }

#textpage .scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #5E5E5E; }

#textpage .scroll::-webkit-scrollbar {
  width: 6px;
  background-color: #5E5E5E; }

#textpage .scroll::-webkit-scrollbar-thumb {
  background-color: #7e7e7e; }

#textpage #contact.scroll {
  padding-right: 0; }

#contact.scroll,
#rowright.scroll,
#rowleft.scroll,
#rowfull.scroll {
  overflow-x: hidden; }

#rowleft {
  width: 73%; }

#rowright {
  width: 25%;
  overflow: hidden; }
  #rowright img {
    height: 100%;
    width: auto;
    display: block; }

#contact {
  width: 100%; }

.cont-txt {
  width: 100%;
  height: auto;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-align-self: flex-start;
  align-self: flex-start; }

#rowright.pic {
  text-align: right; }

.infopagesactive {
  color: #FFD10F !important; }

.column {
  padding-top: 100px; }

.left-txt {
  width: 21%; }

.right-txt {
  width: 79%;
  display: flex;
  flex-flow: row; }

.col2, .col3, .col4, .col5 {
  text-align: center;
  width: 25%; }

hr {
  overflow: visible;
  padding: 0;
  border: 0;
  color: #595959;
  height: 1px;
  background-image: linear-gradient(to right, rgba(60, 60, 60, 0), rgba(60, 60, 60, 0.75), rgba(60, 60, 60, 0));
  text-align: center;
  margin: 20px 0; }

hr::after {
  content: "❀";
  display: inline-block;
  position: relative;
  top: -19px;
  font-size: 25px;
  padding: 0 0.25em;
  background: black;
  color: #5b5b5b; }

.clients #textpage ul {
  margin: 0; }

.clients #textpage .scroll {
  padding-right: 0; }

.clients #textpage li {
  float: left;
  width: calc(50% - 15px);
  margin: 4px 8px 4px 0;
  padding-right: 10px;
  list-style-type: none; }

.clients #textpage li span {
  color: #555; }

@media screen and (max-width: 1400px) {
  #bottominner,
  #topinner {
    min-width: inherit;
    max-width: inherit;
    width: 80%; }
  #mapcontainer,
  #textpage,
  #mapcontent {
    width: 1080px;
    height: 614px;
    margin-top: -307px; }
  #pics,
  #picscontainer {
    width: 1080px;
    height: 600px;
    margin-top: -300px; }
  #infopagesnav {
    width: 25%; }
  #caption {
    width: 50%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  #legal {
    width: 25%; }
  #mainnav ul li {
    margin-left: 24px; }
    #mainnav ul li:first-child {
      margin-left: 0; } }

@media screen and (max-width: 1180px) {
  #bottominner,
  #topinner {
    width: 90%; }
  #mapcontainer, #textpage, #mapcontent {
    width: 900px;
    height: 450px;
    margin-top: -225px; }
  #pics, #picscontainer {
    width: 900px;
    height: 600px;
    margin-top: -300px; }
  .column {
    padding-top: 20px; }
  #bildnavzurueck,
  #bildnavvor {
    width: 180px;
    height: 300px;
    margin-top: -150px; }
  #bildnavzurueck a,
  #bildnavvor a {
    width: 180px;
    height: 300px;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover; } }

@media screen and (max-width: 1024px) {
  #mapcontainer, #textpage, #mapcontent {
    width: 720px;
    height: 410px;
    margin-top: -205px; }
  #pics, #picscontainer {
    width: 720px;
    height: 410px;
    margin-top: -205px; }
  .column {
    border-right: 0; }
  .left-txt, .right-txt {
    width: 50%; }
  .right-txt {
    flex-flow: column; }
  .column.col2,
  .column.col3,
  .column.col4,
  .column.col5 {
    width: 100%;
    text-align: left; }
  .icon-down:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 8px 0 0; }
  #bildnavzurueck,
  #bildnavvor {
    width: 80px; }
  #bildnavzurueck a,
  #bildnavvor a {
    width: 80px;
    background-position: center center; } }

@media screen and (max-width: 840px) {
  #pics, #picscontainer, #mapcontainer, #textpage, #mapcontent {
    width: 720px;
    height: 410px;
    margin-top: -205px; }
  #imgtag {
    max-height: 100%; }
  #mainnav ul li {
    margin-left: 12px; } }

@media screen and (max-width: 760px) {
  #mainnav ul, #bottom, #logo {
    line-height: 1.3; }
  #topinner {
    flex-flow: column wrap;
    align-items: center; }
  #logo {
    margin-bottom: 5px; }
  #logo a span {
    margin-left: 0; }
  #bottom {
    padding: 15px 0; }
  #top {
    height: auto;
    padding: 15px 0; }
  #caption {
    width: 100%;
    text-align: center;
    order: 1;
    margin-bottom: 5px; }
  #bottominner {
    flex-flow: wrap; }
  #infopagesnav, #legal {
    width: 50%;
    order: 2; }
  .column {
    padding-top: 0; }
  .icon-mail, .icon-fax, .icon-fon {
    padding-left: 24px; }
  #bottominner,
  #topinner {
    width: 90%; }
  #pics, #picscontainer, #mapcontainer, #textpage, #mapcontent {
    width: 600px;
    height: 300px;
    margin-top: -150px; }
    #pics img, #picscontainer img, #mapcontainer img, #textpage img, #mapcontent img {
      max-width: 100%;
      max-height: 100%; }
    #pics #rowright.pic img, #picscontainer #rowright.pic img, #mapcontainer #rowright.pic img, #textpage #rowright.pic img, #mapcontent #rowright.pic img {
      max-width: initial;
      max-height: initial; }
  .col2, .col3, .col4 {
    margin-bottom: 10px; } }

@media screen and (max-width: 630px) {
  #pics, #picscontainer, #mapcontainer, #textpage, #mapcontent {
    width: 500px;
    height: 250px;
    margin-top: -125px; }
  .cont-txt {
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column; }
    .cont-txt .left-txt, .cont-txt .right-txt {
      width: 100%; }
    .cont-txt .right-txt {
      margin-top: 10px; } }

@media screen and (max-width: 530px) {
  body {
    font-size: 12px; }
  #pics, #picscontainer, #mapcontainer, #textpage, #mapcontent {
    width: 400px;
    height: 200px;
    margin-top: -100px; } }

@media screen and (max-width: 430px) {
  #pics, #picscontainer, #mapcontainer, #textpage, #mapcontent {
    width: 300px;
    height: 150px;
    margin-top: -75px; } }

@media only screen and (max-height: 780px) {
  #pics, #picscontainer {
    height: 500px;
    margin-top: -250px; }
    #pics #imgtag, #picscontainer #imgtag {
      max-height: 100%; } }

@media only screen and (max-height: 650px) {
  #pics, #picscontainer {
    height: 400px;
    margin-top: -200px; }
    #pics #imgtag, #picscontainer #imgtag {
      max-height: 100%; } }

@media only screen and (max-height: 550px) {
  #pics, #picscontainer {
    height: 300px;
    margin-top: -150px; }
    #pics #imgtag, #picscontainer #imgtag {
      max-height: 100%; } }

@media only screen and (max-height: 425px) {
  #pics, #picscontainer {
    height: 200px;
    margin-top: -100px; }
    #pics #imgtag, #picscontainer #imgtag {
      max-height: 100%; } }

@media only screen and (max-height: 740px) {
  #textpage, #mapcontent {
    height: 500px;
    margin-top: -250px; }
  #mapcontainer {
    height: 500px; }
  #mapcontent img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    text-align: center; } }

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