* {margin:0; padding:0; -webkit-text-size-adjust:100%;}
img {border:0;}

body {font-family: 'Roboto', sans-serif; padding:131px 0 0 0; color:#787777;}
.shadow_bott {-webkit-box-shadow: 0 8px 6px -6px #f3f3f3; -moz-box-shadow: 0 8px 6px -6px #f3f3f3; box-shadow: 0 8px 6px -6px #f3f3f3;}
.shadow_full {-webkit-box-shadow: 0 8px 6px -6px #f3f3f3; -moz-box-shadow: 0 8px 6px -6px #f3f3f3; box-shadow: 0 8px 6px -6px #f3f3f3;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
h1 {font-size: 25px; color:#037234; text-transform: uppercase; padding:5px 0 10px 0;}
h2 {font-size: 18px;}
#shadow {-webkit-box-shadow: 0 8px 15px 1px #f3f3f3; -moz-box-shadow: 0 8px 15px 1px #f3f3f3; box-shadow:0 8px 15px 1px #f3f3f3; max-width: 960px; margin:0 auto;}

hr {border:0; height:1px; background:#000; margin:5px 0;}

#header {width: 100%; height: 130px; position: fixed; top:0px; left:0px; background:#fff; z-index: 900;}
#header #top {position: relative; max-width:960px; height:60px; margin:0 auto;}
#header #top #lang {position: absolute; top:0px; right: 0px;}
#header #top #lang ul li {list-style: none; float:left;}
#header #top #lang ul li a {text-decoration: none; font-size: 13px; color: #bbbaba; display: block; padding:8px 5px;}
#header #top #lang ul li.active a, #header #top #lang ul li a:hover {background:#007536; color:#fff;}
#header #line {width:100%; height:12px; background:#007536;}

#header #nav {max-width:960px; margin:0 auto;}
#header #nav ul {text-align: right;}
#header #nav ul li:first-child {margin:0;}
#header #nav ul li {list-style: none; display: inline-block; text-align: center; margin:0 0 0 50px;}
#header #nav ul li a {text-transform: uppercase; text-decoration: none; font-size: 15px; color: #787777; display: block; padding:18px 0;}
#header #nav ul li a:hover, #header #nav ul li.active a {color:#007536; border-bottom: 3px solid #007536;}

.mobileMenu {display: none;}

#slider {position: relative; margin:0 auto; max-width:960px; background:#fff;}
#slider img {max-width:100%; height: auto;}
.imgs img {float:left; display: none;}
#controller {position: absolute; top:250px; width:100%; z-index: 800; height: 40px;}
#wrapper {max-width: 960px; margin:0 auto; position: relative; background:#fff; border-top: 5px solid #fff;}
#sidebar {float:left; width:26.041666666666668%;}
.title {font-size:16px; color:#fff; text-transform: uppercase; background:#037234 url("../images/form-JrBDxM7.png") no-repeat right; padding:9px 0 9px 10px;}
.title a {color:#fff; text-decoration: none;}
ul.submenu {margin:0 0 30px 0;}
ul.submenu li {list-style: none; border-bottom:1px solid #dcdcdc;}
ul.submenu li a {display: block; color:#787777; text-decoration: none; font-size: 15px; padding:10px 0 10px 10px;}
ul.submenu li a:hover, ul.submenu li.active a {color:#037234;}

#shopinfo {position: relative; text-align: center; color: #FFFFFF; font-size: 13px; padding: 8px 5px;}
#shopinfo.open {background-color: #007536;}
#shopinfo.closed {background-color: #FF0000;}

#recipe_block {border-right:1px solid #dcdcdc;}
#recipe {position:relative; margin:0 0 30px 0;}
#recipe img {max-width:100%; height:auto;}
#recipe_name, #recipe_link {padding:0 5px;}
#recipe_name {font-size: 16px; color:#007033; text-align: center;}
#recipe_link {color:#787777; text-decoration: none; font-size: 16px; text-decoration: none; text-align: center; display: block;}

#content {float:right; width: 71.875%; padding:0 0 0 2.083333333333333%; font-size: 14px;}
#content p {line-height: 22px; margin:0 0 15px 0;}
#content a {color:#037234; text-decoration: none;}
#partner {clear:both; padding:10px 0 0 0;}
#partner ul {list-style: none;}
#partner ul li {width:347px !important;}

#footer {position: relative; max-width:960px; margin:0 auto 10px auto; padding:0 0 10px 0;}
#footer span {color:#bbbaba;}
#footer a {color:#787777; text-decoration: none;}
#footer a:hover {color:#007436;}
#arrival, #contact, #links, #several {float: left; width:25%; text-align: left; border-left:1px solid #bbbaba; padding:5px 10px; font-size: 13px; box-sizing:border-box; -moz-box-sizing:border-box;}
#arrival {border-left:0px;}
#links ul li {list-style-position: inside;}
#several ul.social {text-align: center;}
#several ul.social li {list-style:none; width:26px; height: 26px; display: inline-block; margin:0 0 0 10px;}
#several ul.social li:first-child {margin:0;}
#several ul.social li a {display:block; background:url("../images/social_sprite-7R-12NQ.png") no-repeat; width:24px; height: 24px;}
#several ul.social li a:hover {background:url("../images/social_sprite-7R-12NQ.png") no-repeat;}
#several ul.social li a#fb:hover {filter:none;}
#several ul.social li a#ig:hover {filter:none;}
#several ul.social li a#yt:hover {filter:none;}
#several ul.social li a#tw:hover {filter:none;}
#several ul.credits {text-align: center;}
#several ul.credits li:first-child {margin:0;}
#several ul.credits li {display: inline-block; margin:0 0 0 5px;}
#several ul.credits li a {text-transform: uppercase;}

#fb {background-position: -10px -54px !important; filter: grayscale(1);}
#ig {background-position: -54px -54px !important; filter: grayscale(1);}
#yt {background-position: -54px -10px !important; filter: grayscale(1);}
#tw {background-position: -10px -10px !important; filter: grayscale(1);}
#arrival {background:url("../images/map-0DLq8PD.png") no-repeat 90% 10%;}
#contact {background:url("../images/margarete-BOnjz9Y.png") no-repeat 90% 10%;}
.box_title {font-size:15px; color:#007436; padding:0 0 10px 0;}
.scroll-to-top{background:url("../images/scroll-to-top-0RPWavg.png") no-repeat scroll 0 0 transparent;bottom:8%;cursor:pointer;display:none;width:32px;height:32px;position:fixed;right:15px;z-index:999;}

@media only screen and (max-width: 925px) {
body {padding:0;}
#wrapper {padding:0 5px;}
#header {position: relative;}
#header, #header #top {height:auto;}
#logo {position: absolute; top:100px; left:20px; transition: width 0.2s;}
#line {display:none;}
#header #top #lang {top:59px;}
#header #top #lang ul li {background:#fff;}
#header #nav ul {text-align: center;}
.title, #recipe_name, #recipe_link {font-size: 14px;}
.info, #controller {display: none;}
}
@media only screen and (max-width: 750px) {
#header, #header #top {height: 34px;}
#header #line {display: block;}
#logo {width:120px; height: auto;}
#nav {width:auto;}
#header #nav ul li a {padding:8px 2px 8px 0; text-align: right; font-size: 14px;}
#header #nav ul li a:hover, #header #nav ul li.active a {border-bottom:0; background:#007536; color:#fff;}
#nav ul li {width:auto; background:#fff; display: block !important; margin:0 !important;}
#header #nav ul {display: none;}
#logo {top:0px;}
#wrapper {width:auto;}
#recipe img {margin:0 auto; display: block;}
#sidebar, #content, #arrival, #contact, #links, #several {float:none; width:auto; border-top:1px solid black;}

#arrival, #sidebar, #content {border-top:0px;}
.title {background-image:none;}
#header #top #lang {top:0;}
.info {display: block;}
#recipe_block {border:0;}
.mobileMenu {display: block; position: absolute; top:0; right: 65px; dispay:block; font-size:11px; text-align:center; width:30px; height: 34px; background:url("../images/mobile-menu-RcWaUEd.png") no-repeat center bottom; text-decoration: none; color:#000;}
}

.gm-style-iw {overflow: hidden;}
.gm-style-iw a {color:#037234; text-decoration: underline;}

.box {width:100%; position:relative;}
.box_img {float:left; width:160px;}
.box_img img {border:1px solid #000;}
.box_short_desc {float:left; width: 510px; font-size: 14px; position: relative; min-height: 152px;}
.box h2 {font-size: 18px; border-bottom: 1px dotted #787777; line-height: 24px; color:#000; margin:0 0 15px 0;}
.box h2 span {font-size: 12px; font-weight: normal;}
.read_more {position: absolute; right: 0px; bottom:0; color:#037234; text-decoration: underline;}
.clearLeft, .box_full {clear:left;}
.box_full {font-size: 14px; padding:10px 0; position: relative;}
.box_full p {margin:10px 0;}
.seperator {height:2px; background:#eee; border:0; width:100%; margin:15px 0;}
.recipe {font-size: 14px; width:100%; border:1px solid #eee; border-collapse: collapse;}
.recipe td {padding:3px;}
.recipe td:first-child {width:173px;}
.recipe tr:nth-of-type(odd) {background-color:#eee;}
@media only screen and (max-width: 750px) {
.box_img, .box_short_desc {width:100%; float:none; text-align: center;}
.box_short_desc {min-height: inherit;}
.box_img img {margin:0 auto; display: block;}
.read_more {position: relative;}
}

/* bootstrap fixes */
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
}
.modal-backdrop {
  background-color: #FFF;
}
.btn-primary {
  background-color: #037234;
  border-color: #037234;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #037234;
  background-color: #FFF;
  border-color: #037234;
}

#content blockquote {
  border-left: none;
}

/* angular classes */
.ng-invalid.ng-dirty {
  border-color: red;
}
.ng-valid.ng-dirty {
  border-color: green;
}

/* COOKIE */
.ng-cookie-box {
  position: fixed;
  z-index: 9999;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  min-height: 30px;
  background-color: #FFF;
  border-top: 2px solid #007536;
}

.ng-cookie-box .ng-cookie-box-close {
  position: absolute;
  right: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #007536;
  cursor: pointer;
}

.ng-cookie-box .ng-cookie-box-close .ng-cookie-box-bar {
  position: absolute;
  top: 50%;
  left: 5px;
  width: 21px;
  height: 1px;
  background-color: #fff;
}

.ng-cookie-box .ng-cookie-box-close .ng-cookie-box-bar.one {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865476, M21=0.7071067811865476, M22=0.7071067811865474, SizingMethod='auto expand')";
}

.ng-cookie-box .ng-cookie-box-close .ng-cookie-box-bar.two {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865482, M12=0.7071067811865466, M21=-0.7071067811865466, M22=0.7071067811865482, SizingMethod='auto expand')";
}

.ng-cookie-box p {
  /*color: #333;*/
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  padding: 7px 50px;
}

.ng-cookie-box p a {
  color: #007536;
  font-weight: bold;
  text-decoration: underline;
}