html,
body{font-family:'opensans_regular', 'Segoe UI', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;font-size:15px;line-height:1.42857;background:#f5efd9;color:#454b59;}
body{position:relative;}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{font-family:'MairyExtrabold';font-weight:normal;font-style:normal;text-transform:uppercase;}
h1,
.h1{font-size:5em;}
h2,
.h2{font-size:3.75em;}
h3,
.h3{font-size:2.5em;}
h4,
.h4{font-size:1.75em;}
h5,
.h5{font-size:1.5em;}
small{font-size:0.85em;line-height:0.9em;}
strong{font-weight:700;}
.sr-only{border:0 none !important;clip:rect(0px, 0px, 0px, 0px);height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;}
.intro{font-family:'opensans_light', sans-serif;font-size:1.4em;}
.highlight{font-family:'CoalhandLuke';}
@media all and (max-width:580px){.not-xs{display:none;}
}
@media all and (min-width:768px) and (max-width:1170px){html,
body{font-size:14px;}
h1,
.h1{font-size:4em;}
h2,
.h2{font-size:3em;}
h3,
.h3{font-size:2em;}
h4,
.h4{font-size:1.5em;}
h5,
.h5{font-size:1.2em;}
}
@media all and (max-width:768px){html,
body{font-size:13px;}
h1,
.h1{font-size:4em;}
h2,
.h2{font-size:3em;}
h3,
.h3{font-size:2em;}
h4,
.h4{font-size:1.5em;}
h5,
.h5{font-size:1.2em;}
}
a{font-family:'CoalhandLuke';}
a,
a:link,
a:visited{cursor:pointer;text-decoration:none;color:#97c326;}
a:hover,
a:focus,
a:active{text-decoration:none;color:;}
.actionLink{color:#ef7d01;}
.actionLink:hover,
.actionLink:hover i{color:#97c326;text-decoration:none;}
[class^="fa-"],
[class*=" fa-"]{color:#97c326;}
.buttonpane{text-align:right;}
.btn{font-size:1.5em;box-shadow:none;padding:0.5em 1em;font-family:'Lato', sans-serif;font-weight:900;text-transform:uppercase;border:none;}
.btn-primary{color:#fff;background:#ef7d01;}
.btn-primary:hover,
.btn-primary:focus{background:#ef7d01;}
.btn-primary:active{background:#ef7d01;}
.btn-primary:disabled,
.btn-primary.disabled{opacity:0.5;}
.btn-cancel{color:#c0c5cf;background:transparent;font-weight:400;}
[class^="icon-"],
[class*=" icon-"]{color:#ccc;font-family:'FontAwesome';}
.thumbnail{border-radius:0.5em;padding:0;box-shadow:none;overflow:hidden;}
dt,
dd{float:left;}
dt{font-weight:700;}
.header{background:#97c326;}
.header.fixed{position:fixed;width:100%;left:0;top:0;z-index:100;border-top:0;background:rgba(151, 195, 38, 0.7) !important;}
@media all and (max-width:768px){#siteHeader{display:none;}
#siteHeaderMobile{text-align:center;overflow:hidden;display:block;width:100%;padding:0.5em;box-shadow:0 0 3px rgba(0, 0, 0, 0.6);}
#siteHeaderMobile .mobileMenuLink{display:block;position:absolute;top:0.6em;right:0.75em;font-size:2.5em;}
#siteHeaderMobile .mobileMenuLink i{color:#fff;}
#siteHeaderMobile .dropdown-menu{right:0;left:auto;}
#siteHeaderMobile .dropdown-menu a{font-family:'MairyExtrabold';text-transform:uppercase;font-size:1.5em;}
#siteHeaderMobile .dropdown-menu > li > a:hover,
#siteHeaderMobile .dropdown-menu > li > a:focus{background-color:#ef7d01;background-image:none;}
}
@media all and (min-width:768px){#siteHeaderMobile{display:none;}
#siteLogo{float:left;display:block;margin:0.5em 0;}
}
#siteNavi{float:right;}
#siteNavi ul{margin:0;}
#siteNavi li{float:left;font-size:1.6em;height:90px;}
#siteNavi a{display:block;padding:1.25em 0.75em;color:#fff;font-family:'MairyExtrabold';text-transform:uppercase;transition:background-color 0.7s ease 0s;}
#siteNavi a:hover{background:rgba(0, 0, 0, 0.1);}
#siteNaviMobile{color:#1b1f24;background:#f2f3f5;}
#siteNaviMobile a{padding:1em 0.5em;font-size:2em;color:#1b1f24;font-weight:700;text-transform:uppercase;}
main,
#content{background:#fff;}
#content .container{padding:3em 1em;}
#content h2,
#content .intro{text-align:center;}
#header{position:relative;text-align:center;background:#97c326;background-size:cover;}
#intro{padding:0;}
#intro .introSlider{z-index:1;margin:0;}
#intro div{text-shadow:0 0 2px rgba(0, 0, 0, 0.4);}
#intro .text{position:absolute;top:0;right:0;left:0;z-index:2;min-height:400px;}
#intro .container{margin:0 auto;}
#location{text-align:center;background:url('../images/store/map_munich.jpg') 50% 50% no-repeat;background-size:cover;}
#location h2{margin-top:0;margin-bottom:0.75em;color:#fff;}
#location .openingHours{vertical-align:top;margin-top:2em;display:inline-block;width:320px;}
#location .locationBox{vertical-align:top;}
.locationBox{display:inline-block;text-align:center;background:#ef7d01;width:200px;height:200px;padding:3.5em 2em;border-radius:50%;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3);}
.locationBox span{display:block;}
.locationBox .name{color:#fff;font-family:'MairyExtrabold';text-transform:uppercase;font-size:2em;line-height:1em;}
#foods{margin-top:2em;padding-bottom:1.5em;border:1px solid #ebebeb;}
#foods h3{text-align:center;color:#97c326;margin:2rem 0;}
#foods .column{padding-left:25px;padding-right:25px;}
#foods .column:first-child{}
#foods .category ul{border-top:1px solid #ebebeb;padding-top:1em;}
#foods .category ul:first-of-type{border-top:none;padding-top:0;}
#foods .category .head li{height:25px;display:block;margin-bottom:0;}
#foods .category .head .price{font-size:1em;font-family:'opensans_regular', 'Segoe UI', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;}
#foods .item{position:relative;margin-bottom:1em;}
#foods .item p{margin-bottom:0;}
#foods .itemName{font-family:'MairyExtrabold';text-transform:uppercase;font-size:1.35em;}
#foods .price{position:absolute;right:0;top:0;font-family:'CoalhandLuke';font-size:1.3em;}
#foods .price span{margin-left:1em;width:55px;text-align:center;}
#foods .info{color:#666;font-style:italic;font-size:0.9em;}
#foods .divider{text-align:center;}
#foods hr.divider{padding:0;border:none;border-top:1px solid #97c326;color:#97c326;text-align:center;margin:2em 0;}
#foods hr.divider:after{content:"\f069";font-family:'FontAwesome';display:inline-block;position:relative;top:-0.7em;font-size:1.5em;padding:0 0.25em;background:#fff;}
@media all and (min-width:768px) and (max-width:1170px){#foods .itemName{font-size:1.15em;}
#foods .price{font-size:1.1em;}
}
#aboutErbils{padding:0;}
#aboutErbils .container:first-of-type{padding-bottom:0;}
#aboutErbils .nav-pills{text-align:center;}
#aboutErbils .nav-pills > li{border:1px solid #97c326;float:none;display:inline-block;max-width:235px;}
#aboutErbils .nav-pills > li > a{border-radius:0;padding:0.5em 1.5em;font-size:1.5em;font-family:'MairyExtrabold';text-transform:uppercase;}
#aboutErbils .nav-pills > li > a:focus,
#aboutErbils .nav-pills > li > a:hover,
#aboutErbils .nav-pills > li.active > a,
#aboutErbils .nav-pills > li.active > a:focus,
#aboutErbils .nav-pills > li.active > a:hover{background:#97c326;color:#fff;}
#aboutErbils .tab-pane{background:#97c326;}
#aboutErbils .tabStuff{position:relative;}
#aboutErbils .tab-content > section{padding-bottom:3em;margin-bottom:-3em;}
#aboutErbils .tab-content h2{margin-top:0;}
#aboutErbils .tab-content ul li{list-style:outside disc;margin-left:1em;}
#aboutErbils .btn{position:absolute;right:0.5em;top:1.5em;display:block;color:#fff;font-size:2em;padding:0.25em 0.75em;background-color:rgba(0, 0, 0, 0.1);}
#aboutErbils .hint{font-style:italic;}
#aboutErbils .financial a{font-weight:bold;color:#fff;}
#aboutErbils .financial .text{margin-top:2em;}
#aboutErbils .financial .calculation{padding-left:0;}
#aboutErbils .financial .calculation th,
#aboutErbils .financial .calculation th{padding:0.5em 0;}
#aboutErbils .financial .info{padding:0;}
#aboutErbils .non-financial{clear:both;}
@media all and (max-width:768px){#aboutErbils .nav-pills > li{max-width:220px;}
}
#contact{margin-top:3em;border-top:1px solid #97c326;}
#contact .container{padding-left:0;padding-right:0;}
#contact h2{text-align:left;}
#contactForm{}
#contactForm form{margin-top:2.5em;}
#contactForm i{font-size:2em;}
#contactForm .form-group{margin:0;padding:1em 0;border-top:1px solid #ebebeb;}
#contactForm label{width:9%;margin:0;padding-left:0.2em;vertical-align:top;text-align:center;}
#contactForm label i{line-height:1.5em;}
#contactForm input[type='text'],
#contactForm textarea{border:none;width:90%;vertical-align:top;padding:1em 0.5em;}
#contactForm input[type='text']:hover,
#contactForm textarea:hover,
#contactForm input[type='text']:focus,
#contactForm textarea:focus{background:#f2f3f5;}
#contactForm textarea{min-height:190px;width:100%;padding:1.25em 5em;}
#contactForm .textarea{position:relative;}
#contactForm .textarea .quote-start,
#contactForm .textarea .quote-end{position:absolute;font-size:2em;}
#contactForm .textarea .quote-start{top:0.5em;left:0.75em;}
#contactForm .textarea .quote-end{bottom:0.5em;right:0.75em;}
.messageSent{display:none;}
.messageSent i{color:#97c326;font-size:4em;}
@media all and (max-width:480px){#contactForm textarea{padding:1.25em 3em;}
#contactForm .textarea .quote-start{left:0em;}
#contactForm .textarea .quote-end{right:0em;}
#contactForm .btn{font-size:1.2em;width:100%;}
}
@media all and (max-width:580px){#contactForm input[type='text']{width:85%;}
#contactForm textarea{padding:1.25em 3.5em;}
#contactForm .textarea .quote-start{left:0.25em;}
#contactForm .textarea .quote-end{right:0.25em;}
#contactForm input[type='text']:hover,
#contactForm textarea:hover,
#contactForm input[type='text']:focus,
#contactForm textarea:focus{background:#fff;}
}
@media all and (max-width:768px){#contactForm{margin-bottom:2em;}
}
.storeInfo{padding-left:4em;}
@media all and (max-width:768px){.storeInfo{padding-left:0;}
}
.adress dt,
.adress dd{margin-bottom:1em;}
.adress dt{width:5%;}
.adress dd{width:95%;}
.openingHours dt,
.openingHours dd{margin-bottom:1em;}
.openingHours dt{width:55%;}
.openingHours dd{width:45%;}
.socialLinks ul{margin:1.75em 0 0;}
.socialLinks ul li{float:left;padding:0.5em 1em;}
.socialLinks i{font-size:2em;}
@media all and (max-width:580px){.adress,
.openingHours{float:none;width:100%;}
}
#footer{color:#9ba3b3;padding:2.5em 0;text-align:center;background:#1c1f24;}
#footerLinks{float:right;text-align:right;}
#footerLinks li{display:inline-block;padding:0.5em 1em;}
#footerLinks li a{font-family:'MairyExtrabold';text-transform:uppercase;color:#fff;}