@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/raleway-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Raleway Light'), local('Raleway-Light'),
       url('../fonts/raleway-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v12-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
       url('../fonts/raleway-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v12-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/raleway-v12-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Raleway Italic'), local('Raleway-Italic'),
       url('../fonts/raleway-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v12-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v12-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v12-latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/raleway-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Raleway Bold'), local('Raleway-Bold'),
       url('../fonts/raleway-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v12-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* oswald-300 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/oswald-v16-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Oswald Light'), local('Oswald-Light'),
       url('../fonts/oswald-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v16-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v16-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oswald-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Oswald Regular'), local('Oswald-Regular'),
       url('../fonts/oswald-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v16-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-500 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/oswald-v16-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Oswald Medium'), local('Oswald-Medium'),
       url('../fonts/oswald-v16-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v16-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v16-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v16-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v16-latin-500.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* lobster-regular - latin */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lobster-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lobster Regular'), local('Lobster-Regular'),
       url('../fonts/lobster-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lobster-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lobster-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lobster-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lobster-v20-latin-regular.svg#Lobster') format('svg'); /* Legacy iOS */
}
body{
  height:100%;
  font-family: 'Raleway', sans-serif;
  font-size:20px;
  color:#575757;
  background: #000000;
}

.top_contact_bar_wrapper{
  position:relative;
  width:100%;
  color:#575757;
  background-color:#fff; 
}

.top_contact_bar{
  margin:0px auto;
  width:80%;
  max-width:1024px;
  border-bottom:1px solid #dedede;
  text-align:center;
  padding-top:10px;
  padding-bottom:10px;
  color:#575757; 
}

.top_contact_bar i{
  padding-left:10px;
  padding-right:10px;
}

.top_contact_bar a{
  text-decoration:none;
  color:#575757;
}

.top_contact_bar a:hover{
  color:#6ce076;
}

.top_navigation_fixed_wrapper
{
  position:relative;
  width:100%;
  background-color:#fff;
  border:0;
}

.top_navigation_fixed
{
  margin:0px auto;
  width:80%;
  max-width:1024px;
  text-align:center;
  padding-top:10px;
  padding-bottom:10px;
  color:#575757;
  border:0; 
}

.top_navigation_fixed ul{
  list-style:none;
  width:100%;
  display:table;
  border:0;
  text-align:center;
}

.top_navigation_fixed li{
  display:table-cell;
  width:13%;
  color:#575757;
  padding-top:10px;
  padding-bottom:10px;
  text-align:center;
  border:0;
  vertical-align:top;
  
} 

.top_navigation_fixed .vgn_logo{
  width:22%;
}


.top_navigation_fixed .vgn_logo img{
  height:32%;
  width:auto;
}


.vgn_logo:hover{
  background-color:#fff;
}


.top_navigation_fixed i{
  font-size:25px;
  padding-bottom:20px;
}

.top_navigation_fixed li a{
  color:#575757;
  text-decoration:none;  
  height:100%;
  width:100%;
  display:block;
  padding-bottom:10px;
  padding-top:10px;
  border-radius: 5px;
}

.top_navigation_fixed li .active{
  background-color:#cef5d1;
}

.top_navigation_fixed li a:hover{
  color:#fff;
  background-color:#9aeda2;
}

.header{
  width:100%;
  height:750px;
  background-image: url("../img/header/header_1.jpg"); /* The image used */
  background-color: #cccccc; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  text-align:center;
}

.header .hero{
  font-family: 'Lobster', sans-serif;
  margin:0px auto;
  color:#fff;
  font-size:180px;
  padding-top:180px;
  text-shadow: 3px 3px #303030;
}

.header .hero_tagline{
  font-family: 'Lobster', sans-serif;
  margin:0px auto;
  color:#fff;
  font-size:75px;
  padding-top:32px;
  text-shadow: 2px 2px #303030;
}

.header .intro_text{
  color:#fff;
  line-height:24px;
  font-size:18px;
  text-shadow: 2px 2px #303030;
  padding-top:32px; 
}

.header .intro_more_info{
  padding-top:60px;
}

.header a{
  color:#fff;
  font-family: 'Lobster', sans-serif; 
  font-size:32px;
  text-decoration:none;
  padding:15px;
  background-color:#5bbb64;
  border-radius:5px;
}

.header a:hover{
  color:#000;
  background-color:#fff;
}

.gallery{
    width:100%;
    margin-top:50px;
}

.gallery ul{
    width:100%;
    list-style:none;
    display:table;
}

.gallery li{
    display:table-cell;
    width:33%;
    border:2px solid #fff;
}

.gallery img{
    width:100%;
    height:auto;
}

.checklist{
  width:100%;
}

.checklist ul{
  list-style:none;
  width:100%;
  display:table;
  margin-bottom:40px;
}

.checklist li{
  display:table-cell;
  width:50%;
  max-width:50%;
  text-align:center;
  padding:30px;
}

.checklist li h2{
  padding-top:15;
}

.checklist .gastro_icon{
  color:#5bbb64;
  width: 100px;
  height:100px;
  border-radius:100px;
  background-color:#fff;
  font-size:40px;
  margin:0px auto;
}

.checklist .gastro_icon i{
  text-align:center;
  margin:0px auto;
  padding-top:30%;
}

.checklist h2{
  padding-top:40px;
}

.contact_form{
  width:100%;
  margin-top:30px;
  margin-bottom:30px;
  text-align:center;
}

.contact_form iframe{
  border:0;
  width:100%;
  min-height:1300px;
}

.mail_form{
  height:100%;
  width:100%;
  background-color:#fff;
  text-align:center;
}

.mail_form h3{
  color:#000;
  font-size:28px;
  font-family: 'Lobster', sans-serif;
  padding-top:20px; 
  padding-bottom:20px;
}

.mail_form input{
  height:50px;
  width:45%;
  margin-top:10px;
  margin-bottom:10px;
  border-radius:5px;
  padding-left:10px;
  font-size:14px;
  border:1px solid #b9b9b9;
}

.mail_form input[type=submit]{
  width:90%;
}

.mail_form select{
  height:50px;
  width:90%;
  margin-top:10px;
  margin-bottom:10px;
  border-radius:5px;
  padding-left:10px;
  font-size:14px;
  border:1px solid #b9b9b9;
}

.mail_form textarea{
  min-height:50px;
  min-width:90%;
  margin-top:10px;
  margin-bottom:10px;
  border-radius:5px;
  padding-left:10px;
  font-size:14px;
  height:150px;
  max-height:150px;
  max-width:90%;
  border:1px solid #b9b9b9;
}

.mail_form .mail_checkbox{
  height:30px;
  width:30px;
  margin-top:10px;
  margin-bottom:0px;
  border-radius:5px;
  padding-left:0px;
  font-size:14px;
  border:1px solid #b9b9b9;
}

.mail_form .mail_agreement_text{
  position: relative;
  top: -10px;
  line-height:25px;
}

.mail_form .mail_agreement_div{
  width:80%;
  border:1px solid #cccccc;
  background-color:#ededed;
  margin:0px auto;
  padding-left:5%;
  padding-right:5%;
  padding-top:20px;
  padding-bottom:20px;
  text-align:left;
  color:black;
  font-size:14px;
  text-align:center;
  margin-top:10px;
}

.captcha_frame{
  width:100%;
  text-align:center;
  padding-top:20px; 
  margin-bottom:20px;
}

.g-recaptcha{
  margin: 0 auto;
  display: block;
  width:25%;
}

.mail_success{
  width:80%;
  padding:20px;
  border:1px solid #1f6b26;
  background-color:#86d98f;
  color:#1f6b26;
  text-align:center;
  margin:0px auto;
}

.mail_success h3{
  font-weight:bold;
  font-size:26px;
  padding-bottom:20px;
}

.mail_error{
  width:80%;
  padding:20px;
  border:1px solid #8a1a1a;
  background-color:#d98686;
  color:#8a1a1a;
  text-align:center;
  margin:0px auto;
}

.mail_error h3{
  font-weight:bold;
  font-size:26px;
  padding-bottom:20px;
}

.content{
  width:100%;
  background-color:#fff;
  background-image: url("../img/background/doodle.jpg"); /* The image used */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  padding-bottom:70px;
}

.content_green{
  width:100%;
  background-color:#fff;
  background-color:#5bbb64;
  padding-bottom:70px;
}

.content_wrapper{
  width:80%;
  margin:0px auto;
  border:0px solid pink;  
}

.content_wrapper h2{
  width:100%;
  text-align:center;
  padding-top:90px;
  font-size:52px;
  color:#000;
  font-family: 'Lobster', sans-serif; 
}

.content_wrapper p{
  width:100%;
  text-align:center;
  padding-top:30px;
  color:#000;
  line-height:25px;
}

.content_wrapper_green{
  width:80%;
  margin:0px auto;
  border:0px solid pink;  
}

.content_wrapper_green h2{
  width:100%;
  text-align:center;
  padding-top:90px;
  font-size:52px;
  color:#fff;
  font-family: 'Lobster', sans-serif; 
}

.content_wrapper_green p{
  width:100%;
  text-align:center;
  padding-top:30px;
  color:#fff;
  line-height:25px;
}

.content_wrapper .features{
  list-style:none;
  width:100%;
  display:table;
  border:0;
  text-align:center;
  margin-top:50px;
}

.content_wrapper .features li{
  display:table-cell;
  width:30%;
  color:#575757;
  padding-top:10px;
  padding-bottom:10px;
  text-align:center;
  border:0;
  vertical-align:top;
  padding-left:20px;
  padding-right:20px;
}

.content_wrapper .features li i{
  color:#5bbb64;
  font-size:80px; 
}

.content_wrapper .features li h3{
  color:#5bbb64;
  font-size:28px;
  font-family: 'Lobster', sans-serif;
  padding-top:20px; 
}

.content_wrapper .features li p{
  padding-top:30px;
}

.footer{
  position:relative;
  width:100%;
  color:#fff;
  background-color:#575757; 
}

.footer_top_wrapper{
  background-color:#fff;
  height:40px;
  width:100%;
}

.footer_top_border{
  width:75%;
  margin:0 auto;
  height:100%;
  background-color:#575757;
  border-radius:15px 15px 0 0;
  border-bottom: 1px solid #575757;
  padding: 0;
}

.footer_navigation{
  list-style:none;
  width:75%;
  margin:0 auto;
  text-align:center;
  display:table;
  border:0;
  padding-bottom:20px;
}

.footer_navigation li{
  display:table-cell;
  width:25%;
  color:#fff;
  padding-top:10px;
  padding-bottom:10px;
  text-align:center;
  border:0;
  vertical-align:top;
  padding-top:10px;
}

.footer_navigation a{
  color:#fff;
  text-decoration:none;
}

.footer_bottom_quick_imprint{
  width:50%;
  text-align:center;
  border-top:1px solid #fff;
  padding-top:20px;
  margin:0 auto;
  font-size:12px;
  padding-bottom:20px;
}

.data_protection_overlay{
  display:none;
  position:absolute;
  top:0px;
  width:90%;
  background-color:#575757;
  color:#fff;
  font-size:14px;
  line-height:16px;
  padding-left:5%;
  padding-right:5%;
  margin:0px auto;
}

.data_protection_overlay h3{
  width:100%;
  text-align:center;
  font-size:40px;
  padding-bottom:40px;
  padding-top:20px;
  font-weight:bold;
}

.data_protection_overlay h4{
  width:100%;
  font-size:20px;
  padding-bottom:5px;
  padding-top:15px;
  font-weight:bold;
  line-height:24px;
}

.data_protection_overlay a{
  color:#5bbb64;
}

.data_protection_view_control{
  font-size:40px;
  padding-top:10px;
   text-align:right;
}

.data_protection_view_control:hover{
  cursor:pointer;  
}

.scrolled_nav{
  display:none;
  width:100%;
  text-align:center;
  position:fixed;
  top:0px;
}

.mobile_navigation{
  display:none;
}

@media(max-width: 1023px){ 
  .checklist ul{
    display:inline-block;
    text-align:center;
    padding:0;
    margin:0;
  }
  
  .checklist li{
  display:inline-block;
  width:80%;
  max-width:80%;
  padding-bottom:70px;
  }
  
  .content_wrapper .features{
    display:inline-block;
    text-align:center;
    padding-top:100;
    margin:0;
  }
  
  .content_wrapper .features li{
  display:inline-block;
  width:80%;
  max-width:80%;
  padding-bottom:70px;
  }
  
  .content_wrapper .features li i {
    font-size: 200px;
  }
  
  .content_wrapper .features li h3 {
    font-size: 55px;
  }
  
    .content_wrapper .features li p {
    font-size: 32px;
    line-height: 32px;
  }
  
  .content_wrapper h2{
    font-size:80px;
    padding-bottom:50px;
  }
  
  .content_wrapper p{
    font-size: 32px;
    line-height: 32px;
  }
  
  .content_wrapper_green h2{
    font-size:80px;
    padding-bottom:50px;
  }
  
  .content_wrapper_green p{
    font-size: 32px;
    line-height: 32px;
  }
  
  .header .hero_tagline{
    font-size:80px;
  }
  
  .checklist .gastro_icon {
    width: 200px;
    height: 200px;
    font-size: 80px;
  }
  
  .gallery ul{
    text-align:center;
    display:inline-block;
  }
  
  .gallery li {
    display: inline-block;
    width: 95%;
    padding-bottom: 20px;
    margin: 0px auto;
  }
  
  .header a{
    font-size:55px;
  }
  
  .top_navigation_fixed_wrapper{
    display:none;
  }
  
  .mobile_navigation{
    display:inline-block;
    position:fixed;
    top:41px;
    left:-390px;
  }
  
  .mobile_navigation_indicator{
    display:inline-block;
    background-color:#5bbb64;
    padding:10px;
    color:#fff;
    font-size:80px;
    vertical-align:top;
    margin-left:10px
  }
  
  .mobile_navigation_indicator:hover{
    cursor:pointer;
  }
  
  .mobile_navigation_indicator p {
    font-size: 30px;
    text-align: center;
    padding-top: 34px;
  }
  
  .mobile_navigation_menu{
    display:inline-block;
    
  }
  
  .mobile_navigation_menu .vgn_logo img{
    height: auto;
    width: 350px;
  }
  
  .mobile_navigation_menu li{
    border-bottom:1px dashed #fff;
    padding:10px;
    background-color:#575757;
    width:100%;
  }
  
  .mobile_navigation_menu li:first-child{
    background-color:#fff;
  }
  
  .mobile_navigation_menu .nav_icon i{
    font-size:40px;
    color:#fff;
    float:right;
    padding-right: 15px;
    padding-top: 15px;
  }
  
   .mobile_navigation_menu .nav_icon a{
    font-size:60px;
    color:#fff;
  }
  
  .footer_navigation{
    font-size:50px;
  }
  
  .footer_bottom_quick_imprint{
    font-size:24px;
    width:80%;
    line-height:32px;
  }
  
  .contact_form iframe{
    border:0;
    width:100%;
    min-height:1800px;
  }
}

@media(max-width: 800px){
  
  .mail_form h3{
    font-size:45px;
  }
  
  .mail_form input{
    height: 70px;
    width: 90%;
    font-size:32px
  }
  
  .mail_form select{
    font-size:32px;
  }
  
  .mail_agreement_text{
    top: 5px !important;
    font-size: 25px;
  }
}