@charset "utf-8";
/* reset all */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video 
{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
nav ul,li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}
ins {text-decoration:none;}
mark {font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse; border-spacing:0;}
hr {display:block;height:1px;border:0;  border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}
input:focus {outline:none;}

/*------------------------------ main style -------------------------------*/

/*------------FONT FACE ----------------------*/
@font-face {font-family: 'Quiche Sans';src: url('font/QuicheSans-Bold.woff2') format('woff2'),url('font/QuicheSans-Bold.woff') format('woff'),url('font/QuicheSans-Bold.ttf') format('truetype'),url('font/QuicheSans-Bold.svg#QuicheSans-Bold') format('svg');font-weight: bold;font-style: normal;font-display: swap;}
@font-face {font-family: 'Static'; src: url('font/Static-Bold.woff2') format('woff2'),url('font/Static-Bold.woff') format('woff'),url('font/Static-Bold.ttf') format('truetype'),url('font/Static-Bold.svg#Static-Bold') format('svg');font-weight: bold;font-style: normal;font-display: swap;}
@font-face {font-family: 'Static';src: url('font/Static-Regular.woff2') format('woff2'),url('font/Static-Regular.woff') format('woff'),url('font/Static-Regular.ttf') format('truetype'),url('font/Static-Regular.svg#Static-Regular') format('svg');font-weight: normal;font-style: normal;font-display: swap;}

/*----------------------------- MAIN ----------------------------------*/
body {background:#111111;font-family:'Static';font-weight:normal;font-size:16px;}
._transit, ._transit:after, ._transit:before {-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
._rounded {-webkit-border-radius: 8px;-moz-border-radius: 8px;-ms-border-radius: 8px;-o-border-radius: 8px;border-radius: 8px;}
._cBlocks {width:1640px;margin:0 auto;font-size:16px;}
._left_content, ._right_content {width:50%;min-height:16em/*256px*/;box-sizing:border-box;}
._flex {display:flex;flex-wrap:wrap;}
.javie_sm_logo {display:block;width:17.6em/*128px*/;height:2.125em/*34px*/;background:url(../images/small_Logo.svg) no-repeat;}

._fblock {width:100%;height:35.5em/*600px*/;overflow:hidden;position:relative;}

._paralax {position:relative;overflow:hidden;width:100%;background-size:110% !important;}

._firstParalax { background:url(../images/gallery/img03.jpg) center -2em no-repeat;height:78em/*1248px*/;}
._secondParalax { background:url(../images/gallery/img07.jpg) center -1.25em no-repeat;height:48.25em/*420px*/;}
._text_container {background:#0D1E19;box-sizing:border-box;padding:4.375em /*70px*/;}
._pattern ._left_content,._pattern ._right_content {box-sizing:border-box;padding:9.5em/*152px*/ 4.375em /*70px*/ 10em /*160px*/ 4.375em /*70px*/;}
._p_padding ._left_content,._p_padding ._right_content {padding:3em 4.375em /*70px*/ 6em 4.375em /*70px*/;}

/*---------------------------- HEADER ---------------------------------*/
#SetSticky {width:100%;height:4.4375em/*71px*/;z-index:999;margin: 0;left: 0;top: 0;}
#SetSticky ._cBlocks {position:relative;}
.sticky {position: fixed;padding:10px 0;background:rgba(20,21,26,.9); right: 0;left: 0;z-index: 1;}
.bottom_cover {width:100%;height:100%;position:fixed;z-index:50;background:rgba(0,0,0,.7);top:0;left:0;display:none;}
.bottom_cover.active {display:block;}
.navbar {width:25px;height:25px;display:none;background:url(../images/vertical_nav.png) center center no-repeat;cursor:pointer;position:absolute;top:22px;right:0;-moz-transform: scaleX(-1);-o-transform: scaleX(-1); -webkit-transform: scaleX(-1);transform: scaleX(-1);}

.header {background:#181717;width:100%;height: 4.4375em/*71px*/;font-size:16px;}
.header ._cBlocks {width:1640px;height:4.4375em/*71px*/;display:flex;margin:0 auto;align-items:center;}
.header ul {display:flex; width:91.58%;height:4.4375em;justify-content:flex-end;}
.header li a {font-size:1.25em/*20px*/;color:#ABABAB;display:block;margin:0 1.5625em/*25px*/;line-height:3.5em/*56px*/;}
.header li a:hover{color:#AD8344;}
.header .instagram {width:24px;height:24px;display:block;background:url(../images/instagram.svg);margin:1.125em/*18px*/ .5em/*25px*/;}
.header .facebook {width:24px;height:24px;display:block;background:url(../images/facebook.svg);margin:1.125em/*18px*/ .5em/*25px*/;}
.header .instagram:hover {background:url(../images/instagram_hover.svg);}
.header .facebook:hover {background:url(../images/facebook_hover.svg);}
.header .logo {width:8.625em/*138px*/;height:3.25em/*52px*/;background:url(../images/logo.svg) no-repeat;display:block;}

/*---------------------------- MAIN CONTENT ---------------------------------*/
/*------- SLIDER ------*/
.slider {width:100%;height:51.375em/*822px*/ ;overflow:hidden;font-size:16px;position:relative;}
.slider img {width:100%;}
.slider ._left_content {position:absolute;top:0;width:50%;height:51.8125em/*829px*/;background:rgba(13,30,25,.76);left:0;display:flex;justify-content:flex-end;}
.slider ._left_content ._mBlocks {width:85.41%;height:51.8125em/*829px*/;}
.slider .big_logo {width:32em/*512px*/;height: 28.125em/*450px*/;background:url(../images/biglogo.svg) no-repeat center center;display:block;margin:6.5625em/*105px*/ auto 0 auto;}
.slider ._left_content ._mBlocks h3 {width:100%;font-size:3.75em/*60px*/;color:#E9E9E9;text-align:center;}

/*------- wc_block ------*/

.wc_block ._cBlocks {position:relative;min-height:37.5em/*600px*/;background:#0D1E19;}
.wc_block ._left_content img, .wc_block ._right_content img, .wc_block ._fblock img {width:100%;}

.wc_block ._topover {margin-top:-6.25em/*100px*/;position:absolute;top:0;left:0;}
.wc_block ._left_content._text_container {text-align:right;}
.wc_block ._left_content._flex {justify-content:flex-end;flex-wrap:wrap;}
.wc_block ._right_content {float:right;}
.wc_block ._right_content h3 {width:100%;color:#FFFFFF;font-size:2em/*32px*/;line-height:1.5em/*24px*/;text-transform:uppercase;}
.wc_block ._right_content p,.wc_block ._left_content p,.list_tab p  {font-size:1.4em/*24px*/;line-height:1.25em/*20px*/;color:#B8B8B8;margin:0.9375em  0;width:100%;}
.wc_block ._right_content p strong {color:#FFFFFF;}
.list_tab p strong {color:#AD8344;}


/*------- menu ------*/
._title ._cBlocks {height:20em/*320px*/;}
._title ._left_content, ._title ._right_content {height:20em/*320px*/;}
.menu ._left_content img, .menu ._right_content img {width:100%;}
.menu ._text_container {box-sizing:border-box;padding:4.375em /*70px*/;}
.menu .javie_sm_logo {margin-top:2.5625em/*41px*/;}
.menu ._pattern,._pattern {background:url(../images/pattern.svg) center -60px;}
.menu ._left_content h2,.menu ._right_content h2 {width:100%;color:#FFFFFF;font-size:3.4375em/*55px*/;line-height:1.5em/*24px*/;text-transform:uppercase;}


.menu h3 {font-family:'Quiche Sans';font-weight:bold;font-size:2.25em/*36px*/;width:100%;color:#AD8344;line-height:1.277em/*46px*/;border-bottom:2px solid #AD8344;}
.menu h4 {font-family:'Quiche Sans';font-weight:bold;font-size:1.75em/*28px*/;width:100%;color:#AD8344;line-height:2em/*45px*/;}
.menu h5 {font-size:1.5em/*24px*/;line-height:1.875em/*45px*/;text-transform:uppercase;color:#DEDEDE;cursor:pointer;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.menu h5 em {color:#6E6E6E;}
.menu p {font-size:1.125em/*18px*/;color:#6E6E6E;line-height:1.4em/*22px*/;margin-top:0.45em /*8px*/;}
.menu p strong,.menu p b {color:#FFFFFF;}
.menu p em {vertical-align: super;font-size: 60%;}
.menu p b {font-weight:normal;}
.menu [class^=toggle-item] {padding:0 0 2.5em/*56px*/ 0;}
.menu [class^=toggle-item] table {color:#6E6E6E;border-left:2px solid #AD8344;}
.menu ._margin {margin-top:1.75em /*63px(base 36px)*/}
.menu ._topover img {margin-top:-3.75em/*60px*/;}
.menu ._right_content h2 strong {color:#6E6E6E;}
._menu_section.active h5,._menu_section.active h5 em,._menu_section h5:hover {color:#AD8344;}

#SPEISE ._menu_section table tr td:nth-child(1) {width:10%;padding-left:1em;}
._drinks ._menu_section table,#SPEISE ._menu_section table {width:100%;font-size:1.125em/*18px*/;}
._drinks ._menu_section table tr td,#SPEISE ._menu_section table tr td {font-size:1.125em/*18px*/;line-height:1.33em/*24px base18*/;padding-bottom:1em/*18px*/;color:#CEC8C8;}
#SPEISE ._menu_section table tr td:nth-child(2) {width:80%;box-sizing:border-box;padding-right:1em/*18px*/;}
._drinks ._menu_section table tr td:nth-child(1) {width:70%;box-sizing:border-box;padding:0 1em/*18px*/ 1em/*18px*/ 1em/*18px*/;}
._drinks ._menu_section table tr td:nth-child(2),
._drinks ._menu_section table tr td:nth-child(3),
._drinks ._menu_section table tr td:nth-child(4) {width:10%;text-align:right;color:#DEDEDE;}
._drinks ._menu_section table tr td b, #SPEISE ._menu_section table tr td b {font-size:1.3125em/*21px*/;color:#AD8344;font-family:'Quiche Sans';line-height:1.32em/*28px*/}
._drinks ._menu_section table tr td i, #SPEISE ._menu_section table tr td i {color:#6E6E6E;}
._drinks ._menu_section table tr td b em,#SPEISE ._menu_section table tr td b em,._menu_section table tr td em {vertical-align: super;font-size:60%;}
._drinks ._menu_section table tr th {text-align:right;}

/*------- GALLERY ------*/
.gallery ._gallery_section {width:100%;}
.gallery ._gallery_section a {overflow:hidden;width:25%;box-sizing:border-box;padding-top:25%;display:block;position:relative;background:#760F11;float:left;}
.gallery ._gallery_section a:before {content:'';width:100%;padding-top:100%;position:absolute;z-index:11;top:0;left:0;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.gallery ._gallery_section a:hover:before {-webkit-box-shadow: inset 1px -2px 50px 17px #AD8344; box-shadow: inset 1px -2px 50px 17px #0D1E19;}
.gallery ._gallery_section a img {width:100%;top:0;position:absolute;z-index:10;}
.gallery ._gallery_section a:first-child {display:block;float:left;width:50%;background:#989191;padding-top:50%;}
.gallery ._gallery_section:nth-child(even) a {float:right;}

/*------- RESERVIERUNG ------*/
.reservierung ._fblock {height:26.25em/*420px*/;}
._fblock ._cBlocks {width:100%;height:100%;position:absolute;top: 0;right: 0;bottom: 0;left: 0;background:rgba(13,30,25,0.7);justify-content:center;align-items:center;height:26.25em/*420px*/;flex-flow:column wrap;}
._secondParalax {min-height:26.25em/*420px*/;}

._fblock ._cBlocks img {display:block;}
._fblock ._cBlocks a {display:block;font-size:1.75em/*28px*/;border:1px solid #CEC8C8;color:#CEC8C8;padding:.5em/*14px*/ 2em/*56px*/;border-radius:5px;margin-top:.5em/*14px*/;}

._secondParalax ._cBlocks a:hover {color:#AD8344;border-color:#AD8344;}

.list_tabs{width:100%;height:auto;font-size:16px;}
.list_tabs .list_tabs_head{ list-style:none; margin:0px;padding:0px 0 .7em/*16px*/ 0;overflow:hidden;}
.list_tabs .list_tabs_head li {float:left;margin:0px;text-align: left;width:50%;font-size:3.4375em/*55px*/;color:#ABABAB;}
.list_tabs .list_tabs_head li:hover{cursor:pointer;}
.list_tabs .list_tabs_head li a {text-decoration: none;color:#ABABAB;font-size:1em/*55px*/;}
.list_tabs .list_tabs_head li a:hover {color:#FFFFFF;}
/* Tab content section */
.list_tabs .list_tab {display:none;width:100%;min-height:15.625em/*250px*/;height:auto;clear:both;font-size:1em/*16px*/;padding-top:1em/*16px*/;border-top:2px solid #AD8344;}
/* When active state */
.active{display:block !important;}
.list_tabs .tabs-list li.active a { color:#AD8344;}
.reservierung .active a{color:#AD8344 !important;}
.honeypot-field {display:none;}
.list_tabs .form-elements {display:flex;flex-wrap:wrap;}
.list_tabs .pure-group {width:100%;margin-bottom:1.0625em/*18px*/;}
.list_tabs .form-elements label {display:none;}
.list_tabs .form-elements input,
.list_tabs .form-elements textarea,
.button-success {width:100%;background:none;color:#ABABAB;border:1px solid #707070;font-size:1.125em/*18px*/;border-radius:5px;box-sizing:border-box;padding:0 1em/*18px*/;}
.list_tabs .form-elements input {line-height:2.8125em/*45px*/;}
.list_tabs .form-elements textarea {line-height:1.33em/*24px*/;padding:1em/*18px*/;}
.list_tabs .form-elements input:focus,.list_tabs .form-elements textarea:focus {border-color:#AD8344;}
.list_tabs .form-elements input[type="datetime-local"]::-webkit-calendar-picker-indicator {filter: invert(100%);}
#telNumber, #email, #VorName, #NachName {width:48%;}
#telNumber, #VorName {margin-right:1.2625em/*18px*/;}
.button-success {line-height:2.8125em/*45px*/;text-align:center;}
.button-success:hover {background:#AD8344;color:#0D1E19;cursor:pointer;}
.half {width:48%;float:left;}
.half h3 {font-size:1.75em/*28px*/;color:#AD8344;line-height:1.21em/*34px*/;}
.half p {font-size:1.3125em/*21px*/;line-height:1.19em/*25px*/;color:#DEDEDE;margin-bottom:1.71em/*36px*/;}
.half:nth-child(1) {margin-right:4%;}
.thankyou_message h2 {font-size:2em;color:#AD8344;text-align:center;line-height:1.5em;}