@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'BebasRegular';
  src: url('font/BEBAS___-webfont.eot');
  src: url('font/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
    url('font/BEBAS___-webfont.woff') format('woff'),
    url('font/BEBAS___-webfont.ttf') format('truetype'),
    url('font/BEBAS___-webfont.svg#BebasRegular') format('svg');
  font-weight: normal;
  font-style: normal;

}

html,
body {
  font-family: 'BebasRegular';
  width: 100%;
  height: 100%;
}

.promo-teaser {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
  height: 80px;
  position: fixed;
  z-index: 999;
  /* background: #0c4083; */
  background: #33bf43;
  top: 0;
  left: 0;
}

.promo-teaser div {
  margin: 0 auto;
  text-align: center;
  width: 80%;
}

.promo-teaser div a,
.promo-teaser div img {
  display: inline-block;
  text-align: left;
}

.promo-teaser div img {
  width: 110px;
}

.promo-teaser div a {
  font-size: 1.5rem;
  position: relative;
  top: -25px;
  left: 20px;
  color: #FFF;
  text-decoration: none;
}

.promo-teaser div a:hover {
  text-decoration: underline;
}

.navigation {
  position: fixed;
  z-index: 15;
  top: 20px;
  margin: 0 auto;
  width: 100%
}

.navigatio {
  position: relative;
  z-index: 22;
  top: -50px;
  text-decoration: none;
  text-align: center;
  width: 930px;
  margin: 0 auto;
  padding-right: 60px;
  height: 0;
}

.navigation li {
  color: #333333;
  display: inline;
  padding: 0px 0px;
  line-height: 30px;
  font-weight: bold;
  text-align: left;
  font-size: 47px;
  width: 53px;
  z-index: 30;
}

.navigation li:hover,
.active {
  font-size: 47px;
  cursor: pointer;
  width: 100px !important;
}

.logo {
  position: relative;
  top: 45px;
  z-index: -2;
}

.esszet,
.esszet1,
.esszet2,
.esszet3,
.esszet4,
.esszet5,
.esszet6,
.esszet7,
.esszet8,
.esszet9 {
  margin-left: auto;
  margin-top: 0px;
  position: fixed;
  top: 0;
  z-index: 1;
  opacity: 0;

}

.go,
.esszet {
  opacity: 1;
  width: 100%;
  height: 168px;
}

.slide {
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  position: relative;
  /*box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);*/
}

.wrapper {
  width: 960px;
  height: 200px;
  margin: 0 auto;
  position: relative;
}

.slideno {
  position: absolute;
  bottom: 0px;
  left: 0px;
  font-size: 100px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.3);
}

.button {
  display: block;
  width: 100%;
  height: 762px;
  position: absolute;
  bottom: -390px;
  left: 0;
  background-image: url(../images/cloud.png);
}

.button2 {
  display: block;
  width: 100%;
  height: 762px;
  position: absolute;
  top: -403px;
  left: 0;
  background-image: url(../images/cloud.png);
}

/******************************
 SLIDE 1
*******************************/
#slide1 {
  background-image: url(../images/blau.jpg);
  height: 2211px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-top: 80px;
}

#slide1 img:first-child {
  position: absolute;
  top: 320px;
  left: 0px;
}

#slide1 img:nth-child(2) {
  position: absolute;
  top: 220px;
  left: 30px;
}

#slide1 img:nth-child(3) {
  position: absolute;
  top: 580px;
  left: 424px;
}

#slide1 img:nth-child(4) {
  position: absolute;
  top: 250px;
  left: 30px;
}

#slide1 img:nth-child(5) {
  position: absolute;
  top: -70px;
  left: -20px;
}

#slide1 img:nth-child(6) {
  position: absolute;
  top: 600px;
  right: 300px;
}

#slide1 img:nth-child(7) {
  position: absolute;
  top: -1400px;
  right: 250px;
}

#slide1 img:nth-child(8) {
  position: absolute;
  top: -380px;
  right: -30px;
}

#slide1 img:nth-child(9) {
  position: absolute;
  top: -500px;
  right: 300px;
}

#slide1 img:nth-child(10) {
  position: absolute;
  top: 670px;
  right: -60px;
}

/******************************
 SLIDE 2 
*******************************/
#slide2 {
  background-image: url(../images/rot.jpg);
  height: 2180px;
  background-position: 0 -300px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#slide2 img:first-child {
  position: absolute;
  top: 300px;
  left: 0px;
}

#slide2 img:nth-child(2) {
  position: absolute;
  top: 300px;
  left: 100px;
}

#slide2 img:nth-child(3) {
  position: absolute;
  top: 440px;
  left: 300px;
}

#slide2 img:nth-child(4) {
  position: absolute;
  top: 200px;
  left: 30px;
}

#slide2 img:nth-child(5) {
  position: absolute;
  top: 500px;
  right: 470px;
}

#slide2 img:nth-child(6) {
  position: absolute;
  top: 450px;
  right: -60px;
}

#slide2 img:nth-child(8) {
  position: absolute;
  top: 300px;
  right: 20px;
}

#slide2 img:nth-child(7) {
  position: absolute;
  top: 100px;
  right: 300px;
}

#slide2 img:nth-child(9) {
  position: absolute;
  top: 0px;
  right: 300px;
}

#slide2 img:nth-child(10) {
  position: absolute;
  top: 500px;
  right: 10px;
}

/******************************
 SLIDE 3 
*******************************/
#slide3 {
  background-image: url(../images/gelb_back.jpg);
  height: 2211px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#slide3 img:first-child {
  position: absolute;
  top: 300px;
  left: 0px;
}

#slide3 img:nth-child(2) {
  position: absolute;
  top: 320px;
  left: 100px;
}

#slide3 img:nth-child(3) {
  position: absolute;
  top: 570px;
  left: 330px;
}

#slide3 img:nth-child(4) {
  position: absolute;
  top: 130px;
  left: -20px;
}

#slide3 img:nth-child(5) {
  position: absolute;
  top: 600px;
  right: 50px;
}

#slide3 img:nth-child(6) {
  position: absolute;
  top: 200px;
  right: -50px;
}

#slide3 img:nth-child(7) {
  position: absolute;
  top: 0px;
  right: 300px;
}

#slide3 img:nth-child(8) {
  position: absolute;
  top: -400px;
  right: 280px;
}

#slide4 img:nth-child(9) {
  position: absolute;
  top: -450px;
  right: 300px;
}

/******************************
 SLIDE 4 
*******************************/

#slide4 {
  background-image: url(../images/gruen_back.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 2211px;
}

#slide5 .parallaxbg {
  position: absolute;
  right: 40px;
  top: 40px;
  font-size: 28px;
  color: rgba(51, 51, 51, 0.3);
}

#slide4 img:first-child {
  position: absolute;
  top: 300px;
  left: 0px;
}

#slide4 img:nth-child(2) {
  position: absolute;
  top: 320px;
  left: 100px;
}

#slide4 img:nth-child(3) {
  position: absolute;
  top: 740px;
  left: 500px;
}

#slide4 img:nth-child(4) {
  position: absolute;
  top: 180px;
  left: -20px;
}

#slide4 img:nth-child(5) {
  position: absolute;
  top: 580px;
  left: 200px;
}

#slide4 img:nth-child(6) {
  position: absolute;
  top: 750px;
  right: 300px;
}

#slide4 img:nth-child(7) {
  position: absolute;
  top: 170px;
  right: 360px;
}

#slide4 img:nth-child(8) {
  position: absolute;
  top: -30px;
  right: 260px;
}

#slide4 img:nth-child(9) {
  position: absolute;
  top: 480px;
  right: -50px;
}

/******************************
 SLIDE 5
*******************************/

#slide5 {
  background-image: url(../images/geschichte_back.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 2150px;
}

#slide5 img:first-child {
  position: absolute;
  top: 190px;
  left: 175px;
  z-index: 5
}

#slide5 .container {
  position: absolute;
  top: 50px;
  left: -25px;
  width: 800px
}

/******************************
 SLIDE 6
*******************************/

#slide6 {
  background-image: url(../images/rezepte_back.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 1650px;
}

#slide6 img:first-child {
  position: absolute;
  top: 600px;
  left: -80px;
}

#slide6 .container {
  position: absolute;
  top: -20px;
  left: -25px;
  width: 838px
}

/******************************
 SLIDE 7 + SLIDE 9
*******************************/

#slide7,
#slide9 {
  background-image: url(../images/kontakt_back.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 1850px;
}

#slide7 img:first-child,
#slide9 img:first-child {
  position: absolute;
  top: 600px;
  left: 70px;
}

#slide9 img:first-child {
  left: 120px;
}

#slide7 form:first-child {
  position: absolute;
  top: 100px;
  left: 150px;
}

/******************************
 SLIDE 8
*******************************/

#slide8 {
  background-image: url(../images/blau.jpg);
  background-position: 0 0px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 2550px;
}

#slide8 img:first-child {
  position: absolute;
  top: 600px;
  left: 0px;
}

#slide8 img:nth-child(2) {
  position: absolute;
  top: 2160px;
  left: 0px;
}

#slide8 img:nth-child(3) {
  position: absolute;
  top: 1920px;
  left: 200px;
}

a.movie:link {
  left: 384px;
  position: relative;
  top: 190px;
}

.stoerer {
  position: relative;
  top: -202px;
  left: 285px;
}

input {
  margin-bottom: 20px;
  margin-top: 10px;
}

.button_eszet {
  -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
  background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
  background-color: #ededed;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
  text-indent: 0;
  border: 1px solid #dcdcdc;
  display: inline-block;
  color: #777777;
  font-family: Arial;
  font-size: 17px;
  font-weight: bold;
  font-style: normal;
  height: 36px;
  line-height: 36px;
  width: 132px;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 0px #ffffff;
  position: relative;
  z-index: 14;
}

.button_eszet:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
  background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
  background-color: #dfdfdf;
}

.button_eszet:active {
  position: relative;
  top: 1px;
}

.slidesjs-container {
  top: 0px !important;
}

.slidesjs-control {
  z-index: 5
}

.slidesjs-container img {
  width: 800px !important;
  position: relative;
  left: 140px;
}

.slidesjs-pagination {
  display: none;
}

.slidesjs-next {
  position: relative;
  top: -636px;
  left: 790px;
  z-index: 10;
}

.slidesjs-previous {
  position: relative;
  top: -636px;
  left: -90px;
  z-index: 10
}

li.leer {
  background-image: url(../images/leer.png);
  width: 62px;
  display: inline-block;
  text-decoration: inherit;
  height: 61px
}

a .leer {
  display: inline-block
}

#slides {
  background-image: url('../images/geschichte_inhalt.png');
  background-repeat: no-repeat;
  width: 1020px;
  margin-top: 230px;
  margin-left: 0px;
  padding-top: 76px;
  padding-left: 112px;
  height: 1800px
}

#slides2 {
  background-image: url('../images/rezepte_inhalt.png');
  background-repeat: no-repeat;
  width: 1020px;
  margin-top: 230px;
  margin-left: 0px;
  padding-top: 76px;
  padding-left: 112px;
  height: 1800px
}

#slides2 .slidesjs-container img {
  width: 838px !important;
  position: relative;
  left: -16px !important;
  top: 80px !important;
}

#slides2 .slidesjs-next {
  position: relative;
  top: -580px;
  left: 780px;
  z-index: 10;
}

#slides2 .slidesjs-previous {
  position: relative;
  top: -580px;
  left: -110px;
  z-index: 10
}

.vm {
  background-image: url(../images/bl.png);
  height: 74px;
  width: 92px;
  display: inline-block;
  top: -10px;
}

li.vm,
li.vm img {
  margin: 0px;
  padding: 0;
  vertical-align: absmiddle;
}

.vm.active {
  background-image: url(../images/bl_o.png);
  height: 74px;
  width: 92px
}

ul.navigatio li:hover,
ul.navigatio li.active {
  position: relative;
  top: 7px;
}

ul.navigatio li.te:hover,
ul.navigatio li.te.active {
  position: relative;
  top: -10px;
}

ul.navigatio li.te,
ul.navigatio li.te.active,
.navigation li.te {
  top: -13px;
  position: relative
}

ul.navigatio li.stoerer:hover,
ul.navigatio li.stoerer {
  top: -202px;
}

ul.navigatio li.te:hover {
  top: -2px;
}

ul.navigatio li.web:hover,
ul.navigatio li.web.active {
  top: 0px;
}

.container {
  width: 990px;
  margin: 0 auto;
}


/* ----------------------------------------------------------------
  Cookie notification 
-----------------------------------------------------------------*/

.cc_container .cc_btn,
.cc_container .cc_btn:visited {
  color: #fff !important;
  background-color: #b7ae8f !important;
  border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
}

.cc_container a,
.cc_container a:visited {
  color: #545454 !important;
}

.cc_container .cc_btn {
  padding: 8px 15px 8px 10px !important;
}