body,html
{
  height: 100%;
  min-height: 100%;
}

#logo,.headerNav li ul li
{
  float: left;
}

#firstSection,.sectionBreak,.video,section
{
  overflow: hidden;
}

.breakTable,.innerCol
{
  vertical-align: middle;
}

@font-face
{
  font-family:Oswald;src:url(/fonts/Oswald-Light.ttf);
}

@font-face
{
  font-family:Gudea;src:url(/fonts/Gudea-Italic.ttf);
}

@font-face
{
  font-family:Raleway;src:url(/fonts/Raleway-ExtraLight.ttf);
}

@font-face
{
  font-family:entypo;src:url(/fonts/entypo-selected.ttf);
}

a,body,h1,h3,h4,header,html,p,ul
{
  margin: 0;
  padding: 0;
  color: #fff;
  text-decoration-line: none;
  text-decoration: none;
}

body
{
  font-size: 62.5%;
  background-color: #555;
}

h1
{
  font-family: Oswald,sans-serif;
  font-size: 4em;
  font-weight: 200;
}

h2
{
  font-family: Raleway;
  font-weight: 400;
  font-size: 24px;
}

h3
{
  font-family: Raleway,sans-serif;
  font-size: 25px;
}

.contactOpen h3
{
  font-size: 2em!important;
  padding-bottom: 1em;
}

.lastSection h3
{
  margin: 20px 0 0 10px;
}

#impressum h3
{
  color: #000;
  padding-top: 1.5em;
}

.gridElement h4
{
  font-family: Raleway;
  font-weight: 200;
  margin: 10px;
}

.contSide h4
{
  margin-bottom: 8px;
  font-size: 26px;
}

.grid h4
{
  margin: 40% 0 auto;
  font-size: 2em;
  left: 0;
}

.impressumInner a
{
  color: #000;
}

ul
{
  list-style: none;
  font-family: Raleway,sans-serif;
}

.contactOpen ul
{
  font-size: 1.5em;
  margin: 5px 0 20px 10px;
  text-align: left;
}

.headerNav ul li ul:before
{
  content: "haaaaaaaaaaaaa";
  color: #2b2b2b;
  top: 20px;
  height: 30px;
  width: 100px!important;
  background: #2b2b2b;
}

.headerNav ul li ul
{
  padding-top: 15px;
  display: inline;
  padding: inherit;
  position: absolute;
  width: 150px;
  right: 100px;
  top: 45px;
  visibility: hidden;
  background: rgba(255,255,255,.5);
}

.headerNav ul:after
{
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.headerNav ul li:hover>ul
{
  visibility: visible;
}

.topHeader ul li
{
  font-family: Oswald,sans-serif;
  font-size: 20px;
}

blockquote,form
{
  font-family: Raleway;
}

.contactOpen hr
{
  width: 400px;
  margin: 10px;
}

.topHeader,section
{
  align-content: center;
  text-align: center;
  width: 100%;
}

p
{
  font-family: Raleway,sans-serif;
}

footer p
{
  padding: 10px;
  font-size: 1.5em;
}

.quote p
{
  font-weight: 200;
  font-size: 2em;
}

#impressum p
{
  color: #000;
  font-size: 19px;
  padding-top: 1.5em;
}

.contSide p
{
  margin-top: 8px;
}

blockquote
{
  font-size: 26px;
  text-align: center;
  width: 80%;
  margin: 0 auto;
}

.nav a:hover,a:hover
{
  color: #56c6ff;
  transition: color .2s ease-in;
}

.topHeader
{
  display: inline-block;
  background-color: #2b2b2b;
  height: 70px;
  position: fixed;
  z-index: 2;
  box-shadow: 0 0 10px #000;
}

#logo
{
  margin: auto 0 auto 3em;
  text-align: center;
  padding-top: auto 0 auto;
}

.headerNav
{
  float: right;
  margin: auto 0;
}

.headerNav .nav
{
  text-align: center;
  margin: 20px;
}

.headerNav a
{
  color: #555;
}

.headerNav li
{
  display: inline;
  margin: 10px;
}

section
{
  min-width: 100%;
  min-height: 100px;
  position: relative;
}

#firstSection
{
  height: 100%;
  text-align: center;
  background-size: auto 100%;
  box-shadow: inset 0 0 300px #000;
}

.video
{
  position: absolute;
}

#video-background
{
  z-index: -999;
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}

.inlinePattern
{
  background: url(/media/images/header.png) top left;
  width: 100%;
  height: 100%;
  opacity: .8;
  position: absolute;
}

.quote
{
  height: 300px;
  width: 50%;
  right: 20px;
  top: 40%;
  position: absolute;
  margin: 50px;
  opacity: 1;
}

.welcome
{
  width: 100%;
  height: 100%;
  display: table;
  text-align: center;
  z-index: 10;
}

#mobileNav,footer
{
  bottom: 0;
  z-index: 1;
}

.innerCol
{
  display: table-row;
  width: 100%;
  height: 50%;
}

.entypo-down-open-big
{
  font-size: 50px;
  position: absolute;
  bottom: 60px;
}

.entypo-up-open-big
{
  font-size: 3em;
  position: inherit;
  bottom: 60px;
}

[class*=entypo-]:before
{
  font-family: entypo,sans-serif;
}

.sectionBreak img
{
  border-radius: 100%;
  border: 4px solid #fff;
  width: 150px;
  height: 150px;
  margin: 0 1em;
  -webkit-transition: border .9s ease-in!important;
  -moz-transition: border .9s ease-in!important;
  -ms-transition: border .9s ease-in!important;
  -o-transition: border .9s ease-in!important;
  transition: border .9s ease-in!important;
}

.style1,.style2
{
  overflow: hidden;
  height: 40%;
}

.sectionBreak img:hover
{
  border: 4px dashed #fff;
}

.style1
{
  min-height: 250px;
  width: 100%;
  background-color: #3498f9;
}

.style2
{
  width: 100%;
  background: url(/media/images/pattern.png) top left;
}

.breakContainer
{
  height: 100%;
  margin: auto;
  align-content: center;
  display: table;
}

.breakTable
{
  display: table-cell;
  position: inherit;
}

.breakContainer,.breakTableInside
{
  width: 100%;
  float: left;
}

.breakTableInside .quoteRup blockquote
{
  width: 80%;
  height: 100%;
}

.breakContainer .pattern
{
  background-color: rgba(52,152,249,.9);
  transition: background-color .3s ease-in;
}

.breakContainer .pattern:hover
{
  background-color: rgba(0,0,0,.9);
}

.imgRup
{
  float: right;
  width: 45%;
  display: table-cell;
}

.imgRup p
{
  font-size: 1.8em;
}

#secondSection
{
  height: 100%;
  overflow: hidden;
}

.secondSContainer
{
  height: 100%;
  width: 100%;
  overflow: hidden;
  box-shadow: inset 0 0 50px #000;
}

.secondSContainer .contSide
{
  text-align: center;
  position: absolute;
  height: 100%;
  width: 30%;
  float: left;
  font-family: Raleway;
  font-size: 2em;
  background: rgba(0,0,0,.9);
  line-height: 1.2em;
  z-index: 1;
  display: table;
}

.contactOpen table,footer
{
  font-family: Raleway,sans-serif;
}

.contSide #contentServ
{
  list-style: circle!important;
  margin-top: 8%;
  width: 90%;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.secondSContent
{
  width: 736px;
  height: 100%;
  float: right;
}

.secondSGridContent
{
  display: table;
  height: 100%;
  width: 736px;
  padding-left: 2px;
  background: rgba(0,0,0,.6);
}

.secondSGridContent .grid
{
  display: table-cell;
  vertical-align: middle;
}

.secondSGridContent .gridElement
{
  width: 240px;
  height: 240px;
  background-color: #abc;
  float: left;
  text-align: center;
  align-content: center;
  position: relative;
  overflow: hidden;
  margin: 2px;
  border: 0 solid #4ca9f5;
  opacity: .8;
}

.secondSGridContent .gridElement:hover
{
  opacity: 1;
  transition: opacity .5s ease-in;
}

.gridImg
{
  width: 240px;
  height: 240px;
  position: absolute;
  overflow: hidden;
  right: 0;
}

.gridElement:hover .caption
{
  opacity: 1;
  transition: opacity .3s ease-in;
}

.gridElement .caption
{
  background-color: rgba(43,43,43,.9);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity .2s ease-in;
  padding: 0;
}

.lastSection
{
  width: 90%;
  height: 45%;
  min-height: 300px!important;
  background: #2b2b2b;
}

input,textarea
{
  background: rgba(255,255,255,.2);
  color: #fff;
}

.lastSContainer
{
  width: 80%;
  height: 100%;
  display: table;
  border-left: 0;
  margin: 0 auto;
}

.box1,.box3
{
  vertical-align: middle;
  height: 100%;
  display: table-cell;
  line-height: 1.8em;
  width: 30%;
  font-size: 1.2em;
}

.box3
{
  margin-bottom: 80px;
}

.contactOpen
{
  width: 100%;
  height: 100%;
  padding: 1em;
}

.contactOpen p
{
  font-size: 1.5em;
}

.contactOpen li
{
  margin-bottom: 3px!important;
}

.box2
{
  width: 40%;
  height: 100%;
  display: table-cell;
  line-height: 1.8em;
  font-size: 1.2em;
}

form
{
  font-size: 1em;
}

input,textarea
{
  font-size: 1.5em;
}

.form
{
  width: 70%;
  max-height: 100%;
  margin: 0 auto;
  display: block;
}

input
{
  width: 46%;
  height: 30px;
  border-radius: 4px;
  margin: 1%;
  border: 2px solid rgba(255,255,255,.8);
}

textarea
{
  border: 2px solid rgba(255,255,255,.8);
  border-radius: 4px;
  width: 96%;
  height: 100px;
  margin: 1%;
}

.g-recaptcha
{
  float: left;
  margin: 1%;
  max-width: 60%;
  height: 80px;
}

input[type=submit]
{
  width: 30%;
  height: 80px;
  background: #4ca9f5;
  border-radius: none;
  transition: background .5 ease-in;
  margin: 1%;
  float: right;
}

input[type=submit]:hover
{
  background: #fff;
  border-radius: none;
  transition: background .8 ease-in;
}

textarea:focus
{
  border: 2px solid #5badfc;
  outline: 0;
}

.contactOpen table
{
  font-size: 1.5em;
  text-decoration: none;
  list-style: none;
  margin: 0 auto;
  width: 200px;
}

::-webkit-input-placeholder
{
  color: rgba(255,255,255,.6);
}

:-moz-placeholder
{
  color: rgba(255,255,255,.6);
}

::-moz-placeholder
{
  color: rgba(255,255,255,.6);
}

:-ms-input-placeholder
{
  color: rgba(255,255,255,.6);
}

.bl,.frodo a,.impressumAr a
{
  color: #000;
}

.sectionMap
{
  background: #363636;
  height: 60%;
}

#map
{
  height: 0;
  padding-bottom: 15%;
  padding-top: 30px;
}

#map-canvas
{
  height: 100%;
  margin: 0;
  padding: 0;
}

footer
{
  width: 100%;
  height: 50px;
  background-color: #2b2b2b;
  text-align: center;
  margin: none;
  position: fixed;
  display: inline;
}

.impressumInner,.one
{
  text-align: left;
}

.impressumSection
{
  min-height: 100%;
  width: 100%;
  background-color: #fff;
  font-family: inherit;
}

.impressumInner
{
  height: auto;
  width: 1000px;
  margin: 0 auto;
  color: #000;
  padding: 110px;
}<!-- End Sections -->.minipattern
{
  position: relative;
  top: 0;
  left: 0;
}

.impressumInner p
{
  font-family: Raleway!important;
  font-size: 2em;
  font-weight: 400!important;
}

.group:after,.group:before
{
  content: "";
  display: table;
}

.group:after
{
  clear: both;
}

.group
{
  zoom: 0;
}

.test
{
  height: 100%;
  width: 100%;
  background-image: url(/media/images/body.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  background-attachment: fixed;
  -webkit-transform: translateZ(-1px) scale(2);
  -moz-transform: translateZ(-1px) scale(2);
  transform: translateZ(-1px) scale(2);
}

.parallax-window
{
  min-height: 400px;
  background: 0 0;
  box-shadow: inset 0 0 300px #000;
}

.inlay
{
  float: left;
  display: block;
}

.imgCaption:before
{
  content: "";
  border-style: solid;
  border-width: 0 10px 15px;
  border-color: transparent transparent rgba(0,0,0,.5);
  position: absolute;
  top: -15px;
  left: 43%;
}

.imgCaption
{
  position: relative;
  background: rgba(0,0,0,.5);
  border-radius: 5px;
  width: 90%;
  height: 40px;
  margin: 10px auto 0;
  opacity: 0;
  transition: opacity .2s ease-in;
}

.frodo,.impressumAr
{
  width: 100%;
  height: 50px;
}

.inlay:hover>.imgCaption
{
  opacity: 1;
}

.quoteRup
{
  width: 50%;
  float: left;
  display: table-cell;
  padding-top: 3em;
}

.bl
{
  font-family: sans-serif!important;
}

.impressumAr
{
  margin-bottom: 50px;
}

.frodo
{
  text-align: center;
}

.mobileVi
{
  display: none;
  text-align: right;
  align-content: right;
  padding: 1em;
  position: absolute;
  top: 0;
  right: 0;
}

#mobileNav
{
  height: 100%;
  width: 100%;
  background: #3498f9;
  position: fixed;
  left: 0;
  visibility: hidden;
  display: table;
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait)
{
  #mobileLogo,.quoteRup
  {
    width: 100%;
  }

  .box3,.contactOpen ul
  {
    text-align: center;
  }

  .remove
  {
    display: none!important;
  }

  .mobileVi
  {
    display: none;
  }

  .quoteRup
  {
    float: inherit;
    display: inherit;
  }

  .breakTableInside
  {
    text-content: center;
    padding: 0 auto;
    margin: 0 auto;
    width: 100%;
  }

  .breakTableInside blockquote
  {
    float: inherit;
    width: 60%;
    width: auto;
  }

  .contact table
  {
    margin: 0 auto;
  }

  .contactOpen hr
  {
    margin-left: 50px;
  }

  .breakTableInside .imgRup
  {
    display: none;
  }

  .sectionMap
  {
    background: #363636;
    height: 70%;
  }

  mobileLogo
  {
    height: auto;
    width: 400px;
  }

  .style1
  {
    height: 30%;
    min-height: 150px;
  }

  #secondSection
  {
    height: 70%;
  }

  .lastSection
  {
    width: 100%;
    height: 30%;
    margin-bottom: 50px;
  }

  .box1,.box3
  {
    font-size: 1.2em;
    width: 50%;
  }

  .box1
  {
    align-content: center;
    line-height: 1.3;
  }

  .box3
  {
    line-height: 1.4;
  }

  .contSide
  {
    width: 50%!important;
    position: inherit;
    float: inherit;
  }

  .contCell
  {
    font-size: 1.2em;
  }
}

@media only screen and (min-device-width:320px) and (max-device-width:598px) and (orientation:portrait)
{
  .contSide,.contactOpen
  {
    position: inherit;
    float: inherit;
  }

  .remove2
  {
    display: none!important;
  }

  .mobileVi,.quote
  {
    display: none;
  }

  .mobileVi
  {
    text-align: right;
    align-content: right;
    width: 40%;
  }

  .topHeader
  {
    text-align: inherit;
    align-content: inherit;
  }

  #logo
  {
    left: 0;
    top: 0;
    width: 80%;
    margin: inherit;
  }

  .box1,.box2,.box3
  {
    text-align: center;
    display: inherit;
    width: auto;
    min-height: 50%;
  }

  .nav
  {
    margin: 0 auto;
  }

  .contactOpen
  {
    margin-left: auto!important;
    margin-right: auto!important;
    padding: 1em 0 0;
  }

  .box1
  {
    font-size: .8em;
    align-content: center;
  }

  .contactOpen ul
  {
    text-align: center;
  }

  .box2
  {
    font-size: 1.8em;
  }

  .box3
  {
    font-size: .8em;
    margin-top: 2em;
  }

  .lastSection
  {
    width: 100%;
    height: auto;
    margin-bottom: 50px;
  }

  .lastSContainer
  {
    width: 100%;
    height: auto;
    display: block;
  }

  .sectionMap
  {
    background: #363636;
    height: 60%;
  }

  .contSide
  {
    width: 100%!important;
    vertical-align: middle;
    padding: 25% 0;
    height: auto;
  }

  .contCell
  {
    width: 80%!important;
    font-size: .8em!important;
    padding: 5%;
    line-height: 1.2em;
  }

  mobile
  {
    margin-top: 10%;
    width: 90%!important;
    background: green;
  }

  #mobileLogo
  {
    width: 100%;
  }

  .topHeader
  {
    height: 6%;
  }

  #secondSection
  {
    overflow: hidden;
  }
}

.centerAdress,.main
{
  text-align: center;
}

@media only screen and (min-device-width:300px) and (max-device-width:1024px) and (orientation:landscape)
{
  .removeLand
  {
    display: none!important;
  }

  .mobileVi
  {
    display: none;
  }

  .contSide
  {
    width: 50%!important;
    position: inherit;
    float: inherit;
    padding: 5% 5% 0;
    font-size: 2em!important;
  }

  #mobileNav
  {
    visibility: visible;
  }

  .turnPNG
  {
    height: 15%;
  }
}

.centerAdress
{
  align-content: center;
  float: inherit;
}

.contCell
{
  display: table-cell;
  vertical-align: middle;
}

.menu-icon-wrapper
{
  position: relative;
  display: inline-block;
  width: 34px;
  height: 34px;
  pointer-events: none;
  transition: .1s;
}

.menu-icon-wrapper.scaled
{
  transform: scale(1);
}

.menu-icon-wrapper svg
{
  position: absolute;
  top: -33px;
  left: -33px;
}

.menu-icon-wrapper svg path
{
  stroke: #fff;
  stroke-width: 6px;
  stroke-linecap: round;
  fill: transparent;
}

.menu-icon-wrapper .menu-icon-trigger
{
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  pointer-events: auto;
  background: 0 0;
  border: none;
  margin: 0;
  padding: 0;
}

.turnNo
{
  display: table-cell;
  vertical-align: middle;
  font-size: 2em;
}