/* reseter */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}
fieldset,img,a img,abbr{border:0 !important;}
address,caption,code,dfn,h1,h2,h3,h4,h5,h6,th,var
{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
a{text-decoration:none;border:0;}
label,input[type="submit"]{cursor:pointer;}

/* gen */
.c,.clearer{clear:both;}
.abs{position:absolute;}
.rel{position:relative;}
.b,.bold{font-weight:bold !important;}
.i{font-style:italic;}
.fleft{float:left;}
.fright{float:right;}
.nobr{white-space:nowrap;}
.nomargin{margin:0 !important;}
.screenreader{position:absolute;left:-9999px;}
.upper{text-transform:uppercase;}
.lower{text-transform:lowercase;}
.uline{text-decoration:underline}
.nmbot{margin-bottom:0!important;}
.nmtop{margin-top:0!important;}
.nmleft{margin-left:0!important;}
.nmright{margin-right:0!important;}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}

/* Layout */
body{font-family:'Raleway',Arial,sans-serif;font-size:16px;background-color:#004e3b;color:#575757;font-weight:400;min-height:100vh;overflow-x:hidden;}
.w{width:280px;margin:0 auto;padding:0 5px;position:relative;}

h1,h2,h3,h4,h5,h6{font-family:'Berlin','Raleway',Arial,sans-serif;font-weight:400;color:#00614a;-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;-hyphens:auto;}
h1,h2,h3{margin:20px 0 10px;}
h1,.likeh1{font-size:28px;margin-bottom:20px;text-align:center;line-height:32px;}
h2{font-size:24px;margin-bottom:20px;}
h3,h4,h5{font-size:18px;margin-bottom:8px;}
h4,h5{font-size:14px;}
p{line-height:22px;margin-bottom:12px;}
img{max-width:100%;height:auto;display:block;}
iframe{max-width:100%;display:block;}
a{color:#00614a;}
ul,ol{margin:14px 0 14px 40px;line-height:20px;}
ul li,ol li{margin-bottom:0;line-height:22px;}
ul.alpha{list-style-type:lower-alpha;}
.fa{font-family:'FontAwesome';}
.dots{display:block;font-size:20px;letter-spacing:1px;line-height:6px;margin-bottom:10px;font-weight:normal!important;}

/* Form */
input,select,textarea{font-family:'Berlin','Raleway',Arial,sans-serif;font-size:25px;color:#00614a;text-transform:uppercase;border:1px solid #e2e2e2;background-color:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
input,select{width:280px;max-width:100%;}
input{padding:0 12px;height:48px;}
label{margin-bottom:4px;display:inline-block;}
.form-item{margin-bottom:12px;}
input[type="radio"],input[type="checkbox"]{clip:rect(0px, 0px, 0px, 0px);position:absolute;height:15px;}
input[type="radio"] + label{display:block;padding-left:25px;min-height:18px;background:url("../icon/select.png") no-repeat 0 2px;}
input[type="checkbox"] + label{min-height:18px;display:block;padding-left:25px;background:url("../icon/checkbox.png") no-repeat 0 0 transparent;}
input[type="radio"]:checked + label{background-image:url("../icon/select-check.png");}
input[type="checkbox"]:checked + label{background-image:url("../icon/checkbox-check.png");}
.button,input[type="submit"]{display:block;height:40px;line-height:40px;font-family:'Raleway',Arial,sans-serif;color:#fff;text-align:center;text-transform:none;font-size:14px;background-color:#014e3c;border:none;font-weight:400;width:100%;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.action{margin-top:12px;}

/* Table */
table{border:none;width:100%;background-color:#fff;margin:0 0 20px 0;border-spacing:0;border-collapse:separate;}
th,td{padding:12px 8px;border:none;}
th{font-size:12px;color:#fff;background-color:#fff;font-weight:700;}

/*Liste non*/
.nolist,.menu,.tabs,.galerie ul.thumbs,.shoplist,.shoplist .txt ul
{margin:0;list-style-type:none;}

/* Clearfix */
.detail-box .bottom::after,#stage .contact::after,.wbg.shop .bottom::after
{display:block;content:"";clear:both;}

/* Choose Plachutta */
#choose-site{width:100%;min-height:100vh;background-color:#f2f2ea;overflow:hidden;}
#choose-site .w{text-align:center;padding-bottom:40px;z-index:10;}
#choose-site h2{font-size:28px;margin-bottom:0;}
#choose-site h2 span{font-weight:300;}
#choose-site .subline{font-weight:300;color:#00614a;margin:0;font-size:18px;}
#choose-site p,#choose-site .reservieren,#choose-site .warenkorb{font-family:'Berlin','Raleway',Arial,sans-serif;color:#00614a;}
#choose-site .reservieren{font-weight:400;font-size:22px;display:block;width:130px;margin:16px 0 25px 0;float:right;padding-top:50px;text-align:center;background:url("../img/reservieren.png") no-repeat center 0 transparent;background-size:82px auto;}
#choose-site .warenkorb{display:block;float:left;width:70px;font-weight:400;font-size:22px;margin:16px 0 25px 0;padding-top:50px;text-align:center;background:url("../img/warenkorb.png") no-repeat center 10px transparent;background-size:47px auto;}
#choose-site .nolist li{background-color:#fff;margin:10px 0 0 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#choose-site .nolist li .logo{padding:12px}
#choose-site .nolist li .logo a{display:block;width:180px;margin:0 auto 12px auto;}
#choose-site .nolist li .logo p{margin:0;line-height:17px;font-size:17px;}
#choose-site .nolist li .img{display:none;}
#choose-site h3{font-weight:300;-moz-hyphens:none;-o-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;-hyphens:none;}

/* TOP */
#top{background-color:#004e3b;color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:0.5px;z-index:30;}
#top .w{padding:12px 5px;}
#top a,#top .fa{color:#fff;}
#top p{margin:0;font-weight:bold;}
#top .choose-site .fa{font-size:16px;}
#top a.fb{display:block;font-size:21px;position:absolute;right:5px;top:10px;}
#top .rest-navi{display:none;}
#top .rest-navi li.active a{display:block;}
#top .rest-navi li img{width:72px;margin:0 auto;}
#top .block-right{position:absolute;right:33px;top:12px;padding-right:10px;border-right:1px solid #00604a;line-height:19px;}
#top .block-right .jobs{font-weight:bold;float:left;margin-right:10px;padding-right:10px;border-right:1px solid #00604a;}
#top .block-right p span.mobile{display:none;}
#top .block-right p span.fa{font-size:14px;margin-left:3px;}
#top .block-right .lang{float:left;position:relative;}
#top .block-right .lang ul.nolist{position:absolute;width:85px;z-index:40;right:-18px;top:25px;overflow:hidden;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#fff;padding:2px 0;-webkit-box-shadow:0 6px 14px -6px rgba(0,0,0,0.3);-moz-box-shadow:0 6px 14px -6px rgba(0,0,0,0.3);box-shadow:0 6px 14px -6px rgba(0,0,0,0.3);}
#top .block-right .lang ul.nolist li a{color:#00614a;font-weight:600;padding:6px 8px;display:block;text-align:center;line-height:normal;}
#top .block-right .lang ul.nolist li.active a{text-decoration:underline;}

/* Stage */
#stage{position:relative;}
#stage .w{padding:25px 0;height:260px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#stage h1{color:#fff;font-family:'Berlin','Raleway',Arial,sans-serif;font-weight:400;}
#stage h1{text-transform:none;line-height:28px;margin:20px 0 35px 0;}
#stage h1 span{font-size:20px;display:block;}
#stage .contact{width:220px;margin:0;position:absolute;bottom:45px;right:5px;}
#stage .contact a{float:left;font-weight:600;color:#fff;}
#stage .contact .reservation{display:inline-block;height:35px;line-height:35px;width:160px;text-align:center;font-size:16px;border:2px solid #fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
#stage .contact .tel span{display:none;}
#stage .contact .tel{display:inline-block;width:26px;height:34px;background:url("../icon/tel-white.png") no-repeat 0 0 transparent;background-size:26px 34px;float:right;margin-top:3px;}
#stage a.down{display:none;font-size:42px;width:41px;height:23px;background:url("../icon/stage-down.png") no-repeat 0 0 transparent;background-size:41px auto;position:absolute;bottom:45px;left:50%;margin-left:-20px;}

#stage.wollzeile{background:url("../img/stage/wollzeile.jpg") no-repeat center 0 transparent;background-size:cover;}
#stage.hietzing{background:url("../img/stage/hietzing.jpg") no-repeat center 0 transparent;background-size:cover;}
#stage.nussdorf{background:url("../img/stage/nussdorf.jpg") no-repeat center 0 transparent;background-size:cover;}
#stage.oper{background:url("../img/stage/oper.jpg") no-repeat center 0 transparent;background-size:cover;}
#stage.gruenspan{background:url("../img/stage/gruenspan.jpg") no-repeat center 0 transparent;background-size:cover;}
#stage.mario{background:url("../img/stage/mario.jpg") no-repeat center 0 transparent;background-size:cover;}

/* Main Navi */
.not-front #main-navi{border-color:#fff;}
#main-navi{border-bottom:1px solid #e2e2e2;background-color:#fff;}
#main-navi .w{padding:18px 5px 0 5px;}
#main-navi .logo{margin-bottom:18px;}
#main-navi .fa-navicon,#main-navi .search .fa-search{font-size:38px;display:block;color:#00614a;position:absolute;right:45px;top:28px;padding-right:18px;border-right:1px solid #e2e2e2;}
#main-navi ul.menu li{border-top:1px solid #e2e2e2;}
#main-navi ul.menu li a{display:block;text-align:center;padding:10px 0;font-weight:600;}
#main-navi .search .fa-search{right:5px;padding:0;border:none;font-size:24px;top:34px;}
#main-navi .search .fa-close{font-size:28px;top:33px;}
#main-navi .search form{margin-bottom:18px;}

/* Content */
#content{padding:25px 0;background-color:#fff;position:relative;overflow:hidden!important;}
#content .w{z-index:10;}
.not-front #content{background-color:#f2f2ea;padding-top:0;}

/* --- HP --- */
.hpblocks .block{margin-bottom:12px;font-size:14px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;}
.hpblocks .block,.block-chook .bg-grey,.block-facebook .bg-grey{padding:16px;}
.hpblocks .block-chook,.hpblocks .block-facebook,.hpblocks .block-image,.hpblocks .block-image-txt{padding:0!important;}
.hpblocks .block-facebook{margin-bottom:0;}
.hpblocks .bg-grey{background-color:#f3f0e9;}
.hpblocks .block h2{margin-top:0;font-size:28px;}
.hpblocks .block p,.hpblocks .block table{color:#00614a;}

.hpblocks .block-reservation table{background-color:transparent;}
.hpblocks .block-reservation table td{border:none;font-weight:bold;vertical-align:top;display:block;width:100%;padding:0 0 6px 0;}
.hpblocks .block-reservation table td span{font-weight:normal;}
.hpblocks .block-reservation .online,.hpblocks .block-reservation .tel{display:block;padding:12px 0 0 50px;text-transform:uppercase;font-weight:bold;border-top:1px solid #83af9b;}
.hpblocks .block-reservation .online span,.hpblocks .block-reservation .tel span{font-weight:normal;text-transform:none;display:block;font-size:13px;min-height:28px;}
.hpblocks .block-reservation .online{background:url("../icon/calendar.png") no-repeat 0 18px transparent;background-size:36px auto;}
.hpblocks .block-reservation .tel{background:url("../icon/tel-green.png") no-repeat 8px 18px transparent;background-size:24px auto;}

.hpblocks .block-contact{background-color:#014e3c;}
.wollzeile .hpblocks .block-contact{background:url("../img/wollzeile/kontakt.jpg") no-repeat 0 center #014e3c;background-size:280px auto;}
.hpblocks .block-contact h2,.hpblocks .block-contact p{color:#fff;}
.hpblocks .block-contact p{margin:0;line-height:24px;}

.hpblocks .block-newsletter input[type="text"]{background-color:transparent;margin:0;border-color:#1c715b;font-family:'Raleway',Arial,sans-serif;font-size:14px;text-align:center;text-transform:none;font-weight:400;height:38px;line-height:38px;}
.hpblocks .block-newsletter .form-item{margin:0;}

.hpblocks .block-chook,.hpblocks .block-facebook{text-align:center;}
.hpblocks .block-chook h2 span{display:block;font-size:24px;}
.hpblocks .block-chook h2{position:relative;padding-bottom:18px;}
.hpblocks .block-chook h2::after{display:inline-block;content:"";width:50px;height:2px;background-color:#004e3b;position:absolute;bottom:0;left:50%;margin-left:-25px;}
.hpblocks .block-chook a{color:#b93540;text-transform:uppercase;font-weight:bold;}

.hpblocks .block-facebook{color:#3663a6;font-family:'Berlin','Raleway',Arial,sans-serif;font-weight:400;}
.hpblocks .block-facebook .fa-facebook{color:#3663a6;}
.hpblocks .block-facebook .fa-facebook,#allrestaurants .left .fa-map-marker{display:block;width:45px;height:45px;line-height:46px;font-size:24px;border:2px solid #3663a6;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-align:center;margin:0 auto 12px auto;}
.hpblocks .block-facebook p{color:#3663a6;font-size:18px;line-height:26px;margin-bottom:18px;}
.hpblocks .block-facebook p span{font-size:28px;display:block;}

#allrestaurants{background-color:#f2f2ea;padding:25px 0;text-align:center;}
#allrestaurants .left,#allrestaurants .left h2{color:#43836f;}
#allrestaurants .left .fa-map-marker{color:#43836f;border-color:#43836f;}
#allrestaurants .right ul{float:left;}
#allrestaurants .right li{float:left;width:50%;padding:20px;height:83px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#allrestaurants .right li.mario{padding-top:37px;}

/* --- Unterseiten --- */
.submenu .menu li{border-bottom:1px solid #e2e2e2;}
.submenu .menu li.active a{font-weight:bold;}
.submenu .menu li a{display:block;text-align:center;padding:12px 0;font-size:13px;}
.galerie h2{font-family:'Raleway',Arial,sans-serif;font-weight:600;text-align:center;font-size:18px;background:url("../img/galerie-h2.png") no-repeat center center transparent;padding:32px 0;text-transform:uppercase;}
.galerie ul.thumbs li{width:87px;height:87px;float:left;margin:3px;}
.wbg{background-color:#fff;padding:20px;margin-top:25px;position:relative;}

/* Tafelspitz */
.tafelspitz .wbg h2{text-align:center;margin-top:0;}
.tafelspitz .wbg h2 span{font-family:'Raleway',Arial,sans-serif;font-weight:600;display:block;font-size:13px;text-transform:uppercase;}
.tafelspitz img{margin:0 auto;}
.tafelspitz #tafelspitz .wbg{padding-top:12px;}
.tafelspitz #tafelspitz .wbg h2{background:url("../img/krone.jpg") no-repeat center center #fff;background-size:150px auto;padding:30px 0;}
.tafelspitz #fleisch ol,.tafelspitz #essen ol{list-style-type:none;margin:0;padding:0;}
.tafelspitz #fleisch ol li,.tafelspitz #essen ol li{position:relative;padding-left:30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.tafelspitz #fleisch ol li span,.tafelspitz #essen ol li span{font-family:'Berlin','Raleway',Arial,sans-serif;font-weight:400;font-size:26px;color:#00614a;display:block;position:absolute;left:0;top:-4px;}
.tafelspitz #essen ol li{padding:0;text-align:center;margin-top:18px;}
.tafelspitz #essen ol li span{position:relative;margin-bottom:8px;}
.tafelspitz #rezept h3{text-transform:uppercase;}
.tafelspitz #rezept .dauer,.tafelspitz #rezept table td:first-child{color:#00614a;font-weight:600;}
.tafelspitz #rezept table td:first-child{text-align:right;text-transform:uppercase;}
.tafelspitz #rezept table td{border:none;vertical-align:top;padding:3px 6px;}
.tafelspitz #rezept table td span{text-transform:uppercase;color:#b3b3b3;font-weight:600;}

/* Speisekarte */
.speisekarte h2{text-transform:uppercase;}
.speisekarte table{margin-bottom:35px;}
.speisekarte table td{padding:2px;}
.speisekarte table td:last-child{font-weight:bold;vertical-align:bottom;}
.speisekarte .info{text-align:center;border-top:1px solid #eeebe4;padding-top:35px;font-size:14px;}
.speisekarte .info a{color:#575757;}

/* Shop */
.wbg.shop{padding:0;}
.wbg.shop ul.shoplist > li{padding:12px;border-top:2px solid #eee;}
.wbg.shop ul.shoplist > li:first-child{border:none;}
.wbg.shop ul .txt li{padding-left:12px;background:url("../icon/shop-li.jpg") no-repeat 0 12px transparent;}
.wbg.shop ul .txt h2{font-size:20px;}
.wbg.shop ul .txt h3{color:#575757;}
.wbg.shop ul .pic img{margin:0 auto;width:120px;}
.wbg.shop .bottom{margin-top:25px;}
.wbg.shop .bottom .form-item{float:left;width:60px;}
.wbg.shop .bottom input[type="text"]{color:#333;font-size:20px;text-align:center;width:60px;height:40px;}
.wbg.shop .bottom .form-actions{float:right;width:185px;}

/* Reservierungen */
#einzelreservierung h2{color:#575757;font-size:16px;margin:20px 0 0 0;font-family:'Raleway',Arial,sans-serif;font-weight:600;}

#gruppenreservierung p{font-size:14px;line-height:normal;}
#gruppenreservierung p a{font-weight:600;}
#gruppenreservierung .nolist li{margin-top:8px;}
#gruppenreservierung .nolist li a{display:block;border:1px solid #00614a;width:100%;padding:25px 0;text-align:center;font-family:'Berlin','Raleway',Arial,sans-serif;font-size:20px;color:#00614a;text-transform:uppercase;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#gruppenreservierung .nolist li a span{font-family:'Raleway',Arial,sans-serif;text-transform:none;color:#666666;display:block;font-weight:600;font-size:14px;margin-top:4px;}

.reservierungen.gruppen{text-align:center;font-size:14px;}
.reservierungen.gruppen a.back{margin:25px auto;display:table;font-size:13px;}
.reservierungen.gruppen .button{width:225px;margin:0 auto;}
.reservierungen.gruppen .menuvorschlag{padding:25px 0;margin:25px 0;border-top:2px solid #ece7e1;border-bottom:2px solid #ece7e1;}
.reservierungen.gruppen .menuvorschlag .wbg{max-width:570px;margin:35px auto 0 auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.reservierungen.gruppen .menuvorschlag h2{margin-top:0;}
.reservierungen.gruppen .menuvorschlag h3{font-size:26px;margin-top:0;}
.reservierungen.gruppen .menuvorschlag span{font-weight:bold;}

/* Sozial Engagement */
.sozialengagement.wbg{padding:20px 12px;}
.sozialengagement .nolist li{width:50%;height:80px;float:left;margin-bottom:18px;}
.sozialengagement .nolist li img{margin:0 auto;max-height:100%;width:auto;}

/* Kontakt */
.kontakt .wbg{margin:0;}
.kontakt .adresse{margin-top:25px;color:#918e87;}
.kontakt .adresse .adressblock .b{color:#00614a;}
.kontakt .adresse a{color:#918e87;}
.kontakt .adresse h2{color:#6b6b6b;margin-top:0;font-size:30px;}
.kontakt .adresse h3{font-family:'Raleway',Arial,sans-serif;font-weight:600;font-size:16px;}
.kontakt .adresse table td{vertical-align:top;padding-bottom:0;padding-top:0;line-height:22px;}

/* Footer */
#footer{padding-bottom:65px;background:url("../img/bg/bier-dunkelgruen.jpg") no-repeat center bottom #004e3b;background-size:280px auto;color:#bebdbd;font-size:12px;text-transform:uppercase;}
#footer a,#footer .fbottom h4{color:#fff;}
#footer #footer-top{position:relative;padding:25px 0;text-align:center;color:#fff;padding-bottom:25px;margin-bottom:25px;border-bottom:2px solid #004232;z-index:30;}
#footer #footer-top ul.menu li{margin-top:12px;}
#footer #footer-top ul.menu li:first-child{margin-top:0;}
#footer .fbottom{z-index:30;position:relative;}
#footer .fbottom .block{margin-bottom:25px;text-align:center;z-index:30;}
#footer .fbottom h4{font-family:'Raleway',Arial,sans-serif;text-transform:uppercase;font-weight:bold;font-size:13px;margin-bottom:0;}
#footer .fbottom a{text-transform:none;}
#footer .fbottom .block-oper h4,#footer .fbottom .block-oper a{color:#716952;}
#footer .fbottom .block-gruenspan h4,#footer .fbottom .block-gruenspan a{color:#ddd200;}
#footer .fbottom .block-mario h4,#footer .fbottom .block-mario a{color:#7f5d3a;}
#footer #footer-top::before,#footer #footer-top::after,#footer .fbottom::before,#footer .fbottom::after{display:block;content:"";z-index:-1;position:absolute;}
#footer #footer-top::before,#footer #footer-top::after{width:6px;height:6px;background-color:#004232;left:-10px;bottom:-4px;z-index:10!important;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
#footer #footer-top::after{left:auto;right:-10px;}
#footer .fbottom::before{width:220px;height:106px;background:url("../img/bg/topf-dunkelgruen.jpg") no-repeat;background-size:220px auto;top:220px;left:-80px;}
#footer .fbottom::after{width:220px;height:93px;background:url("../img/bg/besteck-dunkelgruen.png") no-repeat;background-size:220px auto;top:-25px;right:-80px;}