body {
  /* -webkit-font-smoothing: subpixel-antialiased; */
  font-family: 'Raleway', sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0;
  padding: 0;
  /* background: #fcd40f; */
  background: url('/img/sitebg.jpg') repeat center top;
  background-size: cover;
  -webkit-text-size-adjust: 100%;
}

.tempheader {
  width: 100%;
}

.spacer {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  display: inline-block;
  background: none;
}

.clearBoth {
  clear: both;
}

.wrap {
  max-width: 1920px;
  margin: 0px auto;
}

.header {
  width: 100%;
  /* height: 314px; */
  height: 29vh;
  background: url('/img/header.jpg') repeat center;
  background-size: cover;
  -webkit-border-bottom-right-radius: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-bottomright: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  position: relative;
}

.header.vid {
  height: 164px;
}

.buttons_top {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
}

.buttons_top .buy {
  width: 6vw;
  height: 6vw;
  -webkit-border-radius: 180px;
  -moz-border-radius: 180px;
  border-radius: 180px;
  background: #a7c85f;
  position: absolute;
  top: 1vw;
  right: 8%;
  z-index: 10;
  cursor: pointer;
}

.buttons_top .buy img {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 50%;
  margin: 25% 0 0 22%;
}

.buttons_top .menubutton {
  width: 6vw;
  height: 6vw;
  -webkit-border-radius: 180px;
  -moz-border-radius: 180px;
  border-radius: 180px;
  background: #ffffff;
  position: absolute;
  top: 1vw;
  right: 1%;
  z-index: 10;
  cursor: pointer;
}

.buttons_top .menubutton .open {
  display: block;
}

.buttons_top .menubutton .close {
  display: none;
}

.buttons_top .menubutton.close {
  background: #474240;
}

.buttons_top .menubutton.close .close {
  display: block;
}

.buttons_top .menubutton.close .open {
  display: none;
}

.buttons_top .menubutton img {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 36%;
  height: 36%;
  margin: 32%;
}

.buttons_top .logo {
  width: 6vw;
  height: 6vw;
  -webkit-border-radius: 180px;
  -moz-border-radius: 180px;
  border-radius: 180px;
  background: #fcfbee;
  position: absolute;
  top: 1vw;
  left: 1%;
  z-index: 10;
  cursor: pointer;
}

.buttons_top .logo img {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 50%;
  height: 50%;
  margin: 25%;
}

.book1 {
  width: 40%;
  left: 50%;
  margin-left: -20%;
  margin-top: -3%;
  position: relative;
  z-index: 2;
}

.book2 {
  width: 50%;
  left: 50%;
  margin-left: -25%;
  margin-top: 5%;
  position: relative;
  z-index: 2;
}

.book3 {
  width: 60%;
  left: 50%;
  margin-left: -30%;
  margin-top: 15%;
  position: relative;
  z-index: 2;
}

.book1 img, .book2 img, .book3 img, .logo1 img, .payoff img {
  width: 100%;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.logo1 {
  width: 40%;
  left: 50%;
  margin-left: -20%;
  position: relative;
  margin-top: -1%;
}

.payoff {
  width: 30%;
  left: 50%;
  margin-left: -15%;
  position: relative;
  margin-top: 1%;
}

.intro_txt {
  width: 40%;
  left: 50%;
  margin-left: -20%;
  position: relative;
  text-align: justify;
  margin-top: 5%;
}

.intro_txt p {
  color: #ffffff;
  font-size: 1.2vw;
  line-height: 1.5vw;
}

.bestellen, .bekijken {
  width: 30%;
  left: 50%;
  margin-left: -15%;
  position: relative;
  margin-top: 5%;
  background: #a7c85f;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  border-radius: 80px;
  color: #FFF;
  padding: 1% 0%;
  text-align: center;
  font-weight: 500;
  font-size: 1.6vw;
  line-height: 3vw;
  cursor: pointer;
}

.bestellen span, .bekijken span {
  text-transform: uppercase;
  font-weight: 700;
}

.bekijken {
  background: #adbdd7;
  cursor: auto;
  position: absolute;
  width: 44%;
  padding: 2%;
  margin-left: -24%;
  margin-top: 43%;
}

.bekijken img {
  width: 3.5vw;
  height: 3.5vw;
  margin-right: 10px;
  display: inline;
  margin-bottom: -1.1vw;
  cursor: pointer;
}
.bekijken a {
  text-decoration: none;
  color: #FFF;
}

.block {
  width: 100%;
  position: relative;
  margin-top: 3%;
  margin-bottom: 3%;
}

.block .imgleft {
  width: 27%;
  padding: 3%;
  background: #FFF;
  height: 25vw;
  -webkit-border-top-right-radius: 30px;
  -webkit-border-bottom-right-radius: 30px;
  -moz-border-radius-topright: 30px;
  -moz-border-radius-bottomright: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  display: inline-block;
  overflow: hidden;
  background: url('/img/photo1.jpg') repeat center;
  background-size: cover;
  float: left;
}

.block .imgleft.overons {
  background: url('/img/photo_overons.jpg') repeat center;
  background-size: cover;
}

.block .imgleft.contact {
  background: url('/img/photo6.jpg') repeat center;
  background-size: cover;
}


.block .txtRight {
  width: 57%;
  margin-left: 4%;
  padding: 3%;
  background: #FFF;
  height: 25vw;
  float: left;
  -webkit-border-top-left-radius: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

.block .imgRight {
  width: 27%;
  padding: 3%;
  background: #FFF;
  height: 25vw;
  margin-left: 4%;
  float: left;
  overflow: hidden;
  background: url('/img/photo2.jpg') repeat center;
  background-size: cover;
  -webkit-border-top-left-radius: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

.block .txtLeft {
  width: 57%;
  padding: 3%;
  background: #FFF;
  height: 25vw;
  float: left;
  -webkit-border-top-right-radius: 30px;
  -webkit-border-bottom-right-radius: 30px;
  -moz-border-radius-topright: 30px;
  -moz-border-radius-bottomright: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.block h1, .block h2, .block h3, .block h4, .block p {
  color: #474240;
}

.block h1, .block h2, .block h3 {
  font-weight: 700;
}

.block h1 {
  font-size: 2vw;
  line-height: 2.2vw;
  hyphens: manual;
}

.block h3 {
  font-size: 1.2vw;
  line-height: 1.4vw;
}

.block h4 {
  font-size: 1.0vw;
  line-height: 1.2vw;
}

.block p {
  font-size: 1.2vw;
  line-height: 1.5vw;
  text-align: justify;
}

.block p a {
  color: #a7c85f;
}

.block li a {
  color: #a7c85f;
}

.inner {
  margin: 3% 20% 3% 3%;
}

.txtLeft .inner {
  margin: 3% 3% 3% 20%;
}

.button {
  background: #a7c85f;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  border-radius: 80px;
  color: #FFF;
  padding: 2% 6%;
  text-align: center;
  font-weight: 500;
  font-size: 1.6vw;
  line-height: 3vw;
  cursor: pointer;
  margin-top: 2%;
  display: inline-block;
}

.button span {
  text-transform: uppercase;
  font-weight: 700;
}

.photoblock {
  width: 58%;
  left: 50%;
  margin-left: -29%;
  margin-top: 3%;
  position: relative;
  z-index: 2;
}

.photoblock .photo {
  width: 48%;
  margin: 1%;
  height: 25vw;
  float: left;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}

.photoblock .photo.one {
  background: url('/img/photo3.jpg') repeat center;
  background-size: cover;
}

.photoblock .photo.two {
  background: url('/img/photo4.jpg') repeat center;
  background-size: cover;
}

.photoblock .photo.three {
  background: url('/img/photo5.jpg') repeat center;
  background-size: cover;
}

.photoblock .photo.four {
  background: url('/img/photo6.jpg') repeat center;
  background-size: cover;
}

.footer {
  width: 100%;
  margin-top: 10%;
}

.footer .colorbar {
  width: 100%;
}

.footer .bottom {
  width: 100%;
  background: #FFF;
}

.footer .bottom p {
  color: #474240;
  font-size: 1.2vw;
  line-height: 1.2vw;
  float: left;
  margin: 5%;
}
.footer .bottom p span {
  display: inline-block;
  margin-left: 1vw;
  margin-right: 1vw;
}

.footer .bottom a {
  text-decoration: none;
  color: #474240;
}

.footer .colorbar img {
  width: 100%;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.footer .bottom .logo {
  width: 20vw;
  float: right;
  margin: 4%;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.footer .stripebottom {
  width: 100%;
  height: 0.3vw;
  background: #d39400;
}

.book1.basicpage {
  margin-top: 7%;
}

.logo1.basicpage {
  margin-top: 12%;
}

.txtRight.basicpage{
    height: auto;
}

.menu {
  background: #fcfbee;
  position: fixed;
  width: 100%;
  height: 0;
  z-index: 9;
  display: none;
}

.menu.active {
  display: block;
}

.menu .inner {
  margin-top: 15%;
  margin-left: 10%;
}

.menu .inner ul {
  opacity: 0;
  display: none;
}

.menu .inner ul.active {
  display: block;
  opacity: 0;
}

.menu .inner li {
  list-style: none;
  height: 5vw;
  margin: 1vw;
}

.menu .inner li a {
  color: #474240;
  font-weight: 500;
  font-size: 5vw;
  line-height: 5vw;
  text-decoration: none;
}

.menu .inner li a.active {
  font-weight: 700;
  color: #e1b500;
}

.vimeo_iframe {
  margin: 3% 0 0 0;
}

.block.order .txtRight {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  width: 70%;
  margin-left: 10%;
  padding: 5%;
  height: auto;
}

.block.order .txtRight .inner {
  margin: 3%;
}

.block.order .txtRight .inner p span, .block.order .txtRight .inner li span{
  font-weight: 700;
  color: #e1b500;
}

.block li {
  font-size: 1.2vw;
  line-height: 1.5vw;
  text-align: justify;
}

.orderform_input {
  width: 90%;
  padding: 20px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  border: 2px solid #b8b5b4;
  margin-bottom: 20px;
  font-family: 'Raleway', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: #cccccc;
}

.orderform_input.active {
  color: #474240;
}

.orderform_input.error {
  /* color: #de573d; */
  border: 2px solid #de573d;
}

.orderform_input.active.error {
  color: #de573d;
}

.errormsg {
  color: #de573d !important;
  text-align: center !important;
  font-weight: 700;
  opacity: 0;
}

.errormsg.success {
  color: #a7c85f !important;
}

.bestellen.order_now {
  width: 50%;
  left: 50%;
  margin-left: -25%;
  font-size: 2vw;
  line-height: 4vw;
}

.bestellen.order_now.active {
  opacity: 1;
}

.basicpage .facebook {
  background: url('/img/social/fb.svg') no-repeat center;
  width: 1vw;
  height: 2vw;
  cursor: pointer;
  float: left;
  margin-right: 5%;
}

.basicpage .instagram {
  background: url('/img/social/instagram.svg') no-repeat center;
  width: 2vw;
  height: 2vw;
  cursor: pointer;
  float: left;
  margin-right: 5%;
}


.basicpage .linkedin {
  background: url('/img/social/li.svg') no-repeat center;
  width: 2vw;
  height: 2vw;
  cursor: pointer;
  float: left;
  margin-right: 5%;
}