@charset "UTF-8";

body, html {
	margin:0px;
	padding:0px;
	background-color:transparent;
	color:#000;
	
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	text-align: left;
}

body.no-scroll { /* ...or body.dialogShowing */
  overflow: hidden;
}

a {
	text-decoration: none;
	color:inherit;
}

* {
	box-sizing: border-box;
}

/*	*	*	*	COLORS */

.black, .col-black {color: #000 !important}
.white, .col-white {color:#fff !important}
/*
.brown {color:#8f4000} /* REPLACED BY WALNUT 
.brown-dark {color:#401d00} /* REPLACED BY EBONY
.yellow {color:#fdc300} /* REPLACED BY AMBER 
*/



.bg-black {background-color: #000 !important}
.bg-white {background-color:#fff !important}
.bg-none {background:transparent !important}
/*
.bg-brown {background-color:#8f4000} 
.bg-brown-dark {background-color:#401d00}
.bg-yellow {background-color:#fdc300}
*/


/*	*	*	*	COLORS 2022-06 */

.col-sun-darker {color:#CC8700 !important}
.col-sun {color:#E79900 !important}
.col-dark-amber {color:#E6A400 !important}
.col-amber, .yellow {color:#F9B000 !important}
.col-dark-green {color:#004818 !important}
.col-mint-green {color:#86BC25 !important}
.col-mint-green-darker {color:#76AF26 !important}
.col-fresh-green {color:#65B32E !important}
.col-lime {color:#C8D300 !important}
.col-teak {color:#321500 !important}
.col-ebony, .brown-dark {color:#3C1C15 !important}
.col-rosewood {color:#4E1B16 !important}
.col-palisander {color:#5F2417 !important}
.col-light-palisander {color:#5F2417 !important}
.col-walnut, .brown {color:#7a370e !important}
.col-light-walnut {color:#8F4211 !important}
.col-light-oak {color:#A93C05 !important}
.col-pine {color:#CA6201 !important}
.col-dark-cherry {color:#93130A !important}
.col-cherry {color:#A61612 !important}
.col-light-cherry {color:#C41718 !important}
.col-atlantic {color:#003E54 !important}
.col-mediterranean {color:#366F86 !important}
.col-lake {color:#4AB0D9 !important}
.col-glacial {color:#5BC5F2 !important}


.bg-sun-darker {background-color:#CC8700 !important}
.bg-sun {background-color:#E79900 !important}
.bg-dark-amber {background-color:#E6A400 !important}
.bg-amber, .bg-yellow {background-color:#F9B000 !important}
.bg-dark-green {background-color:#004818 !important}
.bg-mint-green {background-color:#86BC25 !important}
.bg-mint-green-darker {background-color:#76AF26 !important}
.bg-fresh-green {background-color:#65B32E !important}
.bg-lime {background-color:#C8D300 !important}
.bg-mahogany {background-color:#2a0000 !important}
.bg-teak {background-color:#321500 !important}
.bg-ebony, .bg-brown-dark {background-color:#3C1C15 !important}
.bg-rosewood {background-color:#4E1B16 !important}
.bg-palisander {background-color:#5F2417 !important}
.bg-light-palisander {background-color:#5F2417 !important}
.bg-walnut, .bg-brown {background-color:#7A380F !important}
.bg-light-walnut {background-color:#8F4211 !important}
.bg-light-oak {background-color:#A93C05 !important}
.bg-pine {background-color:#CA6201 !important}
.bg-dark-cherry {background-color:#93130A !important}
.bg-cherry {background-color:#A61612 !important}
.bg-light-cherry {background-color:#C41718 !important}
.bg-atlantic {background-color:#003E54 !important}
.bg-mediterranean {background-color:#366F86 !important}
.bg-lake {background-color:#4AB0D9 !important}
.bg-glacial {background-color:#5BC5F2 !important}



/*	*	*	*	STRUCTURE */

.site-wrapper {
	position: relative;
	overflow: hidden;
	width:100vw;
}

.site-wrapper.padding-top{
	padding-top:calc(100vh / 30 + 80px);
}


img.deep-bg {
	position: fixed;
	z-index: -10;
	width:100vw;
	height: 100vh;
	left:0px;
	top:0px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

div.deep-ovl {
	position: fixed;
	z-index: -9;
	width:100vw;
	height:100vh;
	left:0px;
	top:0px;
}

section.row {
	width: 100%;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	position: relative;
}

section.row > .content-box {
	padding:4vh 10px;
	align-self: center;
	width:100%;
}

section.row > .claim-box {
	padding:20px 10px;
	align-self: center;
	width:100%;
	border-width:0px;
	border-top:10px solid #f9b000;
}

.claim-box.landing {
	padding:0px;
	border:none !important;
}



.claim-box h2 {
	margin:0px;
}


section.row.menu-list > .content-box {
	padding-top:80px;
}

section.row.drinks-list > .content-box {
	padding-top:10vw;
}

/*
section.row .content-grid {
	padding:40px 12px;
	align-self: center;
	width:100%;
	display: grid;
	grid-gap: 12px;
}
*/

section.row .content-grid {
	padding: 40px 0px;
	align-self: center;
	width: 100%;
	display: grid;
	grid-gap: 10px;
}

section.row .content-grid.col-2, section.row .content-grid.col-4 {
	grid-template-columns: 1fr;
}

section.row .content-grid.col-2.mob-col-2 {
	grid-template-columns: 1fr 1fr;
}

section.row > .content-box.no-padding-top {
	padding-top:0px;
}

section.row > .content-box.no-padding-btm {
	padding-bottom:0px;
}

section.row > .image-box {
	padding:0px 0px;
	width:100vw;
}

section.row > .image-box img {
	width:100%;
	display: block;
}

img.fullwidth {
	width:100%;
	display: block;
	margin:0px;
	outline:none;
}

a.img_link {
	text-decoration: none !important;
	padding:0px;
	margin:0px;
	outline: 0 none;
}

section.h100 {
	height: 100vh;
}

section.h50 {
	height: 50vh;
}

section.has-divider {
	padding-top:calc(100vh / 9);
}

a.page-anchor {
	position:relative;
	margin-top: calc(0px - 100vh / 9);
	margin-top:0px;
}

.spc-top {
	margin-top:4vh !important;
}

.spc-top-double {
	margin-top:8vh !important;
}

.no-margin-top {
	margin-top:0px !important;
}

.no-margin-btm {
	margin-bottom:0px !important;
}



/*	*	*	*	WRAPPERS */



#leafs {
	position: fixed;
	left:0px;
	top:0px;
	width:100vw;
	height:calc(100vh / 9);
	background-image: url("../media/graphics/pic_leafs_2022.png");
	background-size: cover;
	z-index: 2;
}


#logo {
	position: relative;
	width:50vw;
	margin-left:50vw;
	margin-top:calc(100vh / 9);
	margin-bottom:5vh;
	left:-25vw;
}

#logo img {
	width:100%;
}


.divider-leafs {
	position: absolute;
	left:0px;
	top:0px;
	width:100vw;
	height:calc(100vh / 9);
	background-image: url("../media/graphics/leafs.png");
	background-size: cover;
	z-index: 2;
}



#header {
	position: fixed;
	z-index: 10;
	width:100vw;
	height:66px;
	padding:10px;
	left:0px;
	top:0px;
	background-color: transparent;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

#header > .left {
	text-align: left;
}

#header > .left > a > #logo {
	height: 100%;
} 

#header > .mid {
	text-align: right;
	width:100%;
}

#header > .right {
	display:none;
}

#footer {
	background-color:#000;
	color:#fff;
	text-align: center;
	border: none;
	border-top: 10px solid #f0b000;
	padding-bottom:68px;
}

#footer img.logo {
	width:40vw;
	margin-bottom:40px;
}

#footer h4 {
	font-size:4vw;
	color:#fdc300;
	margin:0 0 0 0;
	font-weight: 800;
	text-transform: uppercase;
}

#footer p {
	font-size:4vw;
	margin:0 0 6vw 0;
	font-weight: 400;
	color:#fff;
}

#footer div.legals p {
	margin-top:10vw;
	font-size: 3vw;
	font-weight: 400;
	color:#fff;
}

#footer div.legals p a {
	font-weight:800;
}

#footer div.legals span {
	margin: 0px 2vw;
	display: block;
	
}

#footer div.legals span + span {
	margin-top:2vw;
}



.social-icons {
	text-align: center;
	margin-top:40px;
}

.social-icons a.icon {
	margin:0px 20px;
}

.social-icons a.icon img {
	height:32px;
}

.rating-links img {
	height: 44px;
}

#footer #contact {
	width:100%;
	display:grid;
	grid-template-rows: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	grid-gap:10px;
}


#footer .sitemap {
	width:480px;
	max-width: 100%;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}

#footer .sitemap h4 {
	margin-bottom: 2vw;
}

#footer .sitemap p {
	margin:0px 0px 1vw 0px;
}

#footer .sitemap a {
	display: block;
	
}


/*	*	*	*	NAV */

#header > .mid > #nav-btn  {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	cursor: pointer;
	background: #F9B000;
	border-radius: 33px;
	
	position: absolute;
	width: 66px;
	height: 66px;
	z-index: 1000;
}

#header > .mid > #nav-btn  > .burger {
	width:28px;
	height:28px;
	position: relative;
	align-self: center;
}

#header > .mid > #nav-btn  > .burger > span {
	width: 100%;
	height: 6px;
	background: #4E1B16;
	position: absolute;
	transform-origin: center center;
	transition: all .2s ease;
	left: 0px;
	border-radius:3px;
}

#header > .mid > #nav-btn  > .burger > span:nth-child(1) {
	transform: rotateZ(0deg);
	top:0px;
}

#header > .mid > #nav-btn  > .burger > span:nth-child(2) {
	transform: scale(1);
	top:12px;
}

#header > .mid > #nav-btn  > .burger > span:nth-child(3) {
	transform: rotateZ(0deg);
	top:24px;
}

#header > .mid > #nav-btn.act  > .burger > span:nth-child(1) {
	transform: rotateZ(45deg);
	top:12px;
}

#header > .mid > #nav-btn.act  > .burger > span:nth-child(2) {
	transform: scale(0);
}

#header > .mid > #nav-btn.act  > .burger > span:nth-child(3) {
	transform: rotateZ(-45deg);
	top:12px;
}

#header > .right .lng-list {
	display: none;
}


div#nav {
	position: fixed;
	top:0px;
	right: -100vw;
	width:100vw;
	height: 100vh;
	background:#270000;
	margin:0px;
	color:#fff;
	font-size:18px;
	font-weight: 200;
	text-align: center;
	padding:12px;
	transition: all .3s ease-in-out;
}

div#nav.act {
	right:0px;
}

.nav-list a {
	line-height: 48px;
	display: block;
	font-weight: 400;
	text-transform: uppercase;
}

.nav-list a.act {
	font-weight: 800;
}


div#nav .lng-list {
	border-top:1px solid #fff;
	color:#fff;
	margin-top:30px;
	padding-top:30px;
	list-style: none;
	list-style-position: inside;
}

div#nav .lng-list a {
	display: inline-block;
	margin-right:20px;
	font-weight: 300;
	text-transform: uppercase;
}

div#nav .lng-list a.act {
	line-height: 48px;
	font-weight: 800;
	color: #c96201;
}

div#nav .lng-list a:last-child {
	margin:0px;
}


/*	*	*	*	TEASER */

#teaser-main {
	/*background-image: url("../media/graphics/pic-wood-cherry-light.jpg");
	background-repeat: no-repeat;
	background-size: cover;*/
	background:#3b1c15;
	width:100vw;
	height:100vh;
	display: flex;
	justify-content: center;
	position: relative;
	cursor: pointer;
}

#teaser-main img.logo {
	width:80vw;
	/*max-width: 480px;*/
	align-self: center;
}

#teaser-main img.brand_palette {
	position: absolute;
	width:50vw;
	left:25vw;
	left: calc(50vw - 25vw);
	bottom:5vh;
	/*max-width: 300px;*/
}

/*
#serviette {
	width:80vw;
	max-width: 480px;
	align-self: center;
}
*/


/*	*	*	*	TEASER */

#teaser-xmas {
	background-image: url("../media/graphics/bg_wood_panels-80.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width:100vw;
	height:100vh;
	display: flex;
	justify-content: center;
}

#frame-xmas {
	width:80vw;
	max-width: 480px;
	align-self: center;
}

/*	*	*	*	TEXT */

h1 {
	font-family: 'Open Sans', sans-serif;
	font-size:10vw;
	font-weight: 800;
	margin: 0px 0px 5vh 0px;
	margin-bottom:20px;
	text-transform: uppercase;
	line-height:1;
}


h1.xl {
	font-size: 12vw;
}


h1 span.subline {
	display: block;
	font-size:5vw;
	margin-top: 1vw;
}

h1 span.price {
	font-size:10vw;
	display:inline-block;
	margin-left:3vw;
	
}

h1 span.price-unit {
	font-weight: 700;
	font-size:7vw;
}




h1.shape {
	position:relative;
	padding-left:6vw;
	background-repeat:no-repeat;
	background-position: left center;
}

h1.shape.triangle {
	line-height:16vw;
	background-size:16vw 16vw;
}

h1.shape.circle {
	line-height:14vw;
	background-size:14vw 14vw;
}

h1.shape.rect {
	line-height:16vw;
	background-size:16vw 16vw;
}

h1.multiline {
	line-height:1 !important;
}

.shape.triangle.dark-green { background-image: url("../media/graphics/triangle-dark-green.svg")}
.shape.triangle.fresh-green { background-image: url("../media/graphics/triangle-fresh-green.svg")}
.shape.triangle.amber { background-image: url("../media/graphics/triangle-amber.svg")}
.shape.triangle.ebony { background-image: url("../media/graphics/triangle-ebony.svg")}
.shape.triangle.walnut { background-image: url("../media/graphics/triangle-walnut.svg")}
.shape.triangle.pine { background-image: url("../media/graphics/triangle-pine.svg")}
.shape.triangle.light-cherry { background-image: url("../media/graphics/triangle-light-cherry.svg")}
.shape.triangle.atlantic { background-image: url("../media/graphics/triangle-atlantic.svg")}
.shape.triangle.lake { background-image: url("../media/graphics/triangle-lake.svg")}


.shape.circle.ebony { background-image: url("../media/graphics/circle-ebony.svg")}
.shape.circle.dark-green { background-image: url("../media/graphics/circle-dark-green.svg")}
.shape.circle.fresh-green { background-image: url("../media/graphics/circle-fresh-green.svg")}
.shape.circle.amber { background-image: url("../media/graphics/circle-amber.svg")}
.shape.circle.ebony { background-image: url("../media/graphics/circle-ebony.svg")}
.shape.circle.walnut { background-image: url("../media/graphics/circle-walnut.svg")}
.shape.circle.pine { background-image: url("../media/graphics/circle-pine.svg")}
.shape.circle.light-cherry { background-image: url("../media/graphics/circle-light-cherry.svg")}
.shape.circle.atlantic { background-image: url("../media/graphics/circle-atlantic.svg")}
.shape.circle.lake { background-image: url("../media/graphics/circle-lake.svg")}

.shape.rect.dark-green { background-image: url("../media/graphics/rect-dark-green.svg")}
.shape.rect.fresh-green { background-image: url("../media/graphics/rect-fresh-green.svg")}
.shape.rect.amber { background-image: url("../media/graphics/rect-amber.svg")}
.shape.rect.ebony { background-image: url("../media/graphics/rect-ebony.svg")}
.shape.rect.walnut { background-image: url("../media/graphics/rect-walnut.svg")}
.shape.rect.pine { background-image: url("../media/graphics/rect-pine.svg")}
.shape.rect.light-cherry { background-image: url("../media/graphics/rect-light-cherry.svg")}
.shape.rect.atlantic { background-image: url("../media/graphics/rect-atlantic.svg")}
.shape.rect.lake { background-image: url("../media/graphics/rect-lake.svg")}


h2 {
	font-size:7vw;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	margin: 0px 0px 2vh 0px;
	text-transform: uppercase;
	line-height: 1;
}


h2 span.subline {
	display: block;
	font-size:3.5vw;
	margin-top: 0vw;
}

h2 span.price {
	font-size:12vw;
	display:inline-block;
	margin-left:3vw;
	color:#f9b000;
	
}

h2 span.price-unit {
	font-weight: 700;
	font-size:6vw;
}

h2 span.small {
	font-size:5vw;
	font-weight:400;
}



h3 {
	font-size:6vw;
	font-weight: 800;
	margin: 0px 0px 2vh 0px;
	text-transform: uppercase;
	line-height: 1;
}

h3 span.price {
	font-size:8vw;
	display:inline-block;
	margin-left:3vw;
	color:#f9b000;
	
}

h3 span.price-unit {
	font-weight: 700;
	font-size:6vw;
}



h4 {
	font-size:4vw;
	font-weight: 800;
	margin: 0px 0px 2vh 0px;
	text-transform: uppercase;
	line-height: 1;
}

h4.price {
	font-size:6vw;
	margin: 6vh auto 0 auto;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	background-color: #8f4000;
	color: #fdc300;
	padding:12px 48px;
	border-radius:8px;
	display: inline-block;
	
}

li span.price {
	margin-left:10px;
}

p {
	font-size:4vw;
	margin: 0px 0px 3vh 0px;
	line-height: 1.4;
	font-weight: 300;
	font-weight: 500;
}

p.footnote {
	font-size:3.5vw;
	line-height: 1.3;
	font-weight: 600;
}


p a {
	font-weight: 600;
	text-decoration: none;
}

p.img-caption {
	margin-top:2vh;
	font-size:3.5vw;
	line-height: 1.3;
	font-weight:400;
}

p.img-caption a{
	font-weight:400;
	text-decoration: underline;
}

.discount {
	text-decoration: line-through;
}


.extrabold {
	font-weight:700 !important;
}

.regular {
	font-weight: 400 !important;
}

.light {
	font-weight: 300 !important;
}
	


	
/*	*	*	*	BLOCKS MISC */


#image-wall-images {
	display: grid;
	grid-template-rows: 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr;
}

#image-wall-offers {
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: 1fr;
	grid-gap: 20vw;
}

#image-wall-images > div > a > img, #image-wall-images > div > img{
	width: 100%;
}

#image-wall-offers > div > a > img, #image-wall-offers > div > img{
	width: 100%;
}

#image-wall-offers.size-m > div > a > img, #image-wall-offers.size-m > div > img{
	width: 50%;
}

#image-wall-offers h1 {
	margin-bottom: 5vw;
}


/*	*	*	*	MENU LISTS */

ul.list_food {
	list-style: none;
	padding:0px;
	margin:0px 0px 10vw 0px;
	font-size:5vw;
}

ul.list_food {
	font-size:4vw;
}

ul.list_food.size-l {
	font-size:5vw;
}

ul.list_food > li {
	margin-bottom:5vw;
	display: flex;
	flex-direction: row;
	justify-content: left;
	align-items: left;
	font-weight: 600;
}

ul.list_food > li:last-child {
	margin-bottom:0px;
}

ul.list_food.no_price > li, ul.list_food > li {
	margin-bottom:4vw;
	display: flex;
	flex-direction: column;
	justify-content: left;
	align-items: left;
	font-weight: 600;
}

ul.list_food.list-rows > li {
	flex-direction: column;
}


ul.list_food > li span {
	position: relative;
}


ul.list_food > li span.english, span.english, .table_food .english {
	color:#8f4211;
	font-weight: 400;
}

span.vegetarian, span.halal, span.glutenfree {
	display: inline-block !important;
	width:12px;
	height:12px;
	margin-right:4px;
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

span.vegetarian {
	background-image:url("../media/graphics/circle-fresh-green.svg");
}

span.halal {
	background-image:url("../media/graphics/circle-ebony.svg");
}

span.glutenfree {
	background-image:url("../media/graphics/circle-amber.svg");
}


section.portion_prices {
	width:100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-content: flex-start;
	text-align: left;
	margin:4vw 0 8vw 0;
}

section.portion_prices > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	padding-right: 10vw;
}

section.portion_prices > div:last-child {
	padding-right:0px;
}

section.portion_prices img {
	width:6vw;
	height:6vw;
	display:inline-block;
	vertical-align:baseline;
}

section.portion_prices span.price {
	font-size:10vw;
	line-height:10vw;
	font-weight:800;
	color: #f9b000;
	margin: 0 0 0 2vw;;
	vertical-align: baseline;
}

section.portion_prices span.price-unit {
	font-weight: 700;
	font-size:6vw;
	margin-left:1vw;
}

section.portion_prices span.caption {
	font-size:3vw;
	line-height:3vw;
	font-weight:800;
	text-transform: uppercase;
	margin-bottom: 3vw;
}


.menu-image {
	margin:4vh 0;
}

section.menu-image img, div.menu-image img {
	width:50vw;
}

section.menu-image.size-l img {
	width:80vw;
}

section.menu-image.size-m img {
	width:50vw;
}

div.img-wrapper-size-m {
	width:50vw;
	margin-left:auto;
	margin-right:auto;
}


table.table_food, table.table_drinks {
	list-style: none;
	padding:0px;
	margin:0px 0px 20px 0px;
	font-size:4vw;
	width:100%;
}



table.table_food td, table.table_drinks td {
	padding-bottom:3vw;
	text-align: left;
	font-weight:600;
}


table.table_drinks td {
	padding-bottom:1vw;
	text-align: left;
	font-weight:600;
}

table.table_food td.english, table.table_drinks td.english {
	color:#8f4000;
	font-weight:400;
}

table.table_food td:first-child, table.table_drinks td:first-child {
	padding-left:0px;
}

table.table_food td.price, table.table_drinks td.price {
	text-align: right;
	padding-right:0px;
}

.table_food td.price, .table_drinks td.price {
	font-size:5vw;
	font-weight:800;
	color:#f9b000;
	vertical-align: bottom;
}

.table_food td.price span.price-unit, .table_drinks td.price span.price-unit {
	font-size:3.5vw;
	font-weight:600;
}

.table_food span.title {
	font-size: 5vw;
	font-weight: 800;
	margin: 0px 0px .5vh 0px;
	text-transform: uppercase;
	line-height: 1;
	color:#7a380f;
}

.table_food span.title_small {
	font-size: 4vw;
	font-weight: 800;
	margin: 0px 0px .5vh 0px;
	text-transform: uppercase;
	line-height: 1;
	color:#7a380f;
}

table.table_food td.rows section {
	margin-bottom:4vw;
}

table.table_food td.rows span, table.table_drinks td.rows span {
	display: block;
}

tr.table-header td {
	font-size:3vw;
	text-align: right;
	padding:0px;
	text-transform: uppercase;
	font-weight: 800;
	line-height: 1;
	vertical-align: bottom;
}

table.compact-table td {
	padding-top:0px;
	padding-bottom:0px;
}


#google-map {
	width:100vw;
	height:100vw;
}

table.centered td {
	text-align: center;
}

.drinks-grid {
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-template-rows:1fr;
	grid-gap: 5vw;
}

.drinks-grid h3 {
	font-size:6vw;
	font-weight: 800;
	text-transform: uppercase;
}

.drinks-grid.cocktails > div {
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	align-content: flex-start;
	/*border:1px solid #f9b000;*/
}

.drinks-grid.cocktails h3 {
	color:#65b32e;
}

.drinks-grid p {
	font-size:4vw;
	margin:0px 0px 0px 0px;
	align-self: flex-start;
}

.drinks-grid .price {
	font-size:8vw;
	font-weight:800;
	color:#f9b000;
}

.drinks-grid .price .price-unit {
	font-size: 5vw;
	font-weight: 600;
}




/*	*	*	*	TABLE FOOD INTERIM NEW 2024-04 */

table.food_2024 {
	border: none;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	border-collapse: collapse;
	width: 100%;
}

table.food_2024 td {
	border: none;
	vertical-align: bottom;
	padding-bottom: 3vw;
	position: relative;
	font-size:4vw;
	font-weight: 600;
}

table.food_2024 td span.veg, table.food_2024 td span.hal, table.food_2024 td span.glf, table.food_2024 td span.es {
	display: inline-block;
}

table.food_2024 td span.es {
	font-weight: 600;
}


table.food_2024 td span.en {
	display: block;
	color: #8f4211;
	font-weight: 400;
}

table.food_2024 td.price {
	color: #f9b000;
	font-size: 5vw;
	font-weight: 800;
	width:15vw;
	text-align: right;
}

table.food_2024 td.price span.price-unit {
	font-size: 3.5vw;
	font-weight: 600;
	display: inline-block;
}


table.food_2024 span.veg, table.food_2024 span.hal, table.food_2024 span.glf {
	display: inline-block !important;
	height: 3vw;
	width: 3vw;
	margin-right:1vw;
	background-size: 3vw;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

table.food_2024 span.veg {
	background-image:url("../media/graphics/circle-fresh-green.svg");
}

table.food_2024 span.hal {
	background-image:url("../media/graphics/circle-ebony.svg");
}

table.food_2024 span.glf {
	background-image:url("../media/graphics/circle-amber.svg");
}

table.food_2024 th.price-col {
	width:15vw;
	font-size:3vw;
	font-weight: 800;
	line-height: 1.1;
	text-align: right;
	text-transform: uppercase;
	vertical-align: bottom;
}




/*	*	*	*	CATEGORIES */

.categories-menu {
	position: fixed;
	z-index: 10;
	bottom:0px;
	width: 100vw;
	padding:10px;
	/*bottom:calc( 0px - 100vh - 44px - 12px);*/
	bottom:-250px;
	transition:all ease-in-out .5s;
	background-color:rgba(60,28,21,0);
}



.categories-menu.row-2 {
	bottom:-112px;
}

.categories-menu.show {
	background-color:#321500;
	bottom:0px;
}

.categories-menu a.button, a.button {
	letter-spacing: 1px;
	font-size: 3vw;
	font-weight: 500;
	padding: 0px 0px;
	line-height: 10vw;
	background-color: #7a380f;
	color: #fff;
	display: inline-block;
	cursor: pointer;
	border-radius: 25px;
	height: 10vw;
	text-align: center;
	text-transform: uppercase;
}

.categories-menu a.button.trigger {
	width:100%;
	margin-bottom: 20px;
}

.categories-menu.show a.button.trigger {
	background-color: #f9b000;
}

.categories-menu div.buttons-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
}


/*	*	*	*	LINKS BUTTONS */

/*
a.button {
	padding:3vw;
	text-transform: uppercase;
	border-radius: 3.5vw;
	font-size:3.5vw;
	font-weight: 400;
	text-align: center;
	letter-spacing: 1px;
}

a.button {
	padding: 3vw;
	text-transform: uppercase;
	border-radius: 5vw;
	font-size: 3.5vw;
	font-weight: 400;
	text-align: center;
	letter-spacing: 1px;
	height: 10vw;
	line-height: 10vw;
}
*/

a.button.plain {
	letter-spacing: 0px;
}

a.button.inline-button {
	margin: 2vw;
	margin:0;
	padding: 0px 10px;
	display:inline-block;
}



.ta-recommend, .ta-rating, .ta-reviews-large {
	margin:40px 0px;
	text-align: center;
}

.ta-recommend > div {
	width:200px;
	display: inline-block;
	margin:0px auto;
}

.ta-rating > div {
	width:136px;
	display: inline-block;
	margin:0px auto;
}

.ta-reviews-large > div {
	width:240px;
	display: inline-block;
	margin:0px auto;
}

.align-center {
	text-align: center;
}


/*	*	*	*	RESPONSIVE */

@media screen and (min-width:480px) {
	#leafs {
		height: 140px;
		width: 100vw;
		background-image:url("../media/graphics/pic_leafs_2022_seamless-min.png");
		background-size: 1500px 105px;
		background-repeat:repeat-x;
	}
	
	#logo {
		width: 320px;
		margin-top: 120px;
		margin-left: 50vw;
		left: -160px;
		position: relative;
	}
	
	#logo img {
		width:100%;
	}
	
	#serviette {
		width:50vw;
		height: auto;
		max-width: 480px;
	}
}

.mob-full-width {
	width:100vw;
}

.mob-hide {
	display:none;
}


@media screen and (min-width: 768px) {
	.web-hide {
		/*display: none;*/
	}
	
	.desk-hide {
		display:none;
	}
	
	.mob-hide {
		display: block;
	}
	
	.mob-full-width {
		width:auto;
	}
	
	
	#teaser-main {
		height: 100vh;
	}
	
	
	#teaser-main img.logo {
		width: 40vw;
		max-width: none;
	}

	
	#teaser-main img.brand_palette {
		position: absolute;
		width: 16vw;
		left: calc(50vw - 8vw);
		bottom: 5vh;
		max-width: none;
	}

	
	#header > .mid > #nav-btn {
		width: 66px;
		height: 66px;
	}
	
	div#nav {
		font-size: 24px;
	}
	
	.nav-list a {
		line-height: 68px;
		line-height:48px;
	}
	
	.site-wrapper.padding-top {
		padding-top: 0px;
	}

	
	section.row > .claim-box {
		text-align: center;
	}
	
	section.row > .claim-box.landing h2 {
		text-align: center;
	}
	
	
	
	section.row > .claim-box > div.inner {
		width:960px;
		display: inline-block;
		margin-left:auto;
		margin-right: auto;
		text-align: left;
	}
	
	
	
	section.row > .content-box {
		width:960px;
		margin-left:auto;
		margin-right:auto;
	}
	
	h1 {
		font-size:80px
	}
	
	h1.xl {
		font-size: 100px;
	}
	
	h1 span.subline {
		margin-top:0px;
		font-size:40px;
	}
	
	h2 {
		font-size: 60px;
		margin: 0px 0px 20px 0px;
	}
	
	h3 {
	font-size: 40px;
	margin: 0px 0px 20px 0px;
	}
	
	p {
		font-size:25px;
	}
	
	p.footnote {
	font-size: 25px;
	line-height: 1.3;
	}
	
	h1 span.price {
	font-size: 120px;
	margin-left: 40px;
	}
	
	h1 span.price-unit {
	font-size: 60px;
	}
	
	h2 span.price {
	font-size: 80px;
	margin-left: 40px;
	}
	
	h2 span.price-unit {
	font-size: 60px;
	}
	
	h2 span.subline {
	font-size: 30px;
	}

	h1.shape {
		padding-left:40px;
	}
	
	h1.shape.triangle {
	line-height: 120px;
	background-size: 120px;
	}

	h1.shape.circle {
	line-height: 120px;
	background-size: 120px;
	}
	
	h1.shape.rect {
	line-height: 120px;
	background-size: 120px;
	}
	
	h1.multiline {
		line-height: 120px !important;
	}
	
	h2 span.small {
		font-size: 2.5vw;
		font-weight: 400;
}
	
	p.img-caption {
	margin-top: 2vh;
	font-size: 1vw;
	line-height: 1.3;
	font-weight: 400;
	}
	
	a.button {
		padding: 12px;
		letter-spacing: 6px;
		font-size: 24px;
	}

	section.row.menu-list > .content-box {
		padding-top: 0px;
	}
	
	ul.list_food > li {
		margin-bottom: 18px;
	}
	
	ul.list_food.no_price > li, ul.list_food > li {
margin-bottom: 10px;
}
	
	ul.list_food {
		font-size: 20px;
}
	
	ul.list_food {
		margin: 0px 0px 60px 0px;
}
	span.vegetarian, span.halal, span.glutenfree {
		margin-right: 10px;
		background-size: 20px;
		padding-left: 30px;
		background-position: left 8px;
}
	
	.table_food td.price span.price-unit, .table_drinks td.price span.price-unit {
		font-size: 30px;
		font-weight: 700;
}
	
	.table_food td.price, .table_drinks td.price {
		font-size: 50px;
}
	
	h3 span.price {
		font-size: 60px;
		display: inline-block;
		margin-left: 3vw;
		color: #f9b000;
}
	
	h3 span.price-unit {
font-size: 40px;
}
	
	table.table_food td, table.table_drinks td {
padding-bottom: 10px;
}
	
	section.portion_prices {
margin: 0px 0 40px 0;
}
	
	section.portion_prices img {
width: 60px;
height: 60px;
}
	
section.portion_prices span.price {
font-size: 100px;
line-height: 1;
margin: 0 0 0 20px;
}
	
	section.portion_prices span.price-unit {
font-size: 60px;
margin-left: 10px;
}
	
	section.portion_prices span.caption {
font-size: 25px;
}
	
	section.row.drinks-list > .content-box {
padding-top: 0px;
}
	
	section.menu-image img, div.menu-image img {
		width: 240px;
	}
	
	section.menu-image.size-m img, div.menu-image.size-m img {
		width: 25vw;
	}
	
	div.img-wrapper-size-m {
	width: 25vw;
	margin-left: auto;
	margin-right: auto;
	}
	
	section.row {
		padding: 20px 0px;
	}
	
	section.row.no-padding {
		padding: 0px 0px;
	}
	
	ul.list_food.size-l {
		font-size: 32px;
	}
	
	section.menu-image.size-l img {
		width: 480px;
	}
	
	section.row {
		width: 100%;
	}
	
	#image-wall-offers {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap:60px;
	}
	
	#image-wall-offers h1 {
		font-size:50px;
	}
	
	#image-wall-offers h1 span.subline {
		font-size:25px;
	}
	

	
	table.table_food, table.table_drinks, ul.list_food {
		font-size: 25px;
	}
	
	tr.table-header td {
		font-size: 20px;
	}
	
	table.table_food td.price, table.table_drinks td.price {
		width: 120px;
	}
	
	.table_food span.title {
	font-size: 30px;
	margin: 0px 0px 5px 0px;
	}
	
	.table_food span.title_small {
	font-size: 30px;
	}
	
	.table_food.breakfast td.rows {
		padding-bottom:20px;
	}


	/*	Tabe Food 2024, Interim */

	table.food_2024 td {
		font-size:25px;
	}

	table.food_2024 span.veg, table.food_2024 span.hal, table.food_2024 span.glf {
		background-size:20px;
		width:20px;
		height: 20px;
		margin-right:8px;
	}
	
	table.food_2024 td.price {
		color: #f9b000;
		font-size: 50px;
		font-weight: 800;
	}

	table.food_2024 td.price span.price-unit {
		font-size:30px;	
	}





	.categories-menu {
		width: 640px;
		bottom: -360px;
		left: calc(50vw - 320px);
		border-radius: 30px 30px 0 0;
		
	}

	
	.categories-menu a.button, a.button {
		letter-spacing: 2px;
		font-weight: 400;
		padding: 0px 0px;
		line-height: 60px;
		background-color: #7a380f;
		color: #fff;
		display: inline-block;
		cursor: pointer;
		border-radius: 30px;
		height: 60px;
		text-align: center;
		text-transform: uppercase;
		font-size: 20px;
	}

	a.button.inline-button {
		margin: 0px;
		letter-spacing: 5px;
		padding: 0px 40px;
		font-size: 20px;
		display: inline-block;
		height: 60px;
		line-height: 60px;
		border-radius: 30px;
		text-transform: uppercase;
	}

	.drinks-grid h3 {
		font-size: 40px;
		margin-bottom:10px;
	}
	
	.drinks-grid p {
		font-size: 25px;
		margin-bottom: 10px;
	}
	
	.drinks-grid p.price {
		font-size: 80px;
	}
	
	.drinks-grid .price .price-unit {
	font-size: 50px;
	font-weight: 700;
	}
	
	section.row .content-grid.col-2, section.row .content-grid.col-4 {
		grid-template-columns: 1fr 1fr;
		width: 960px;
		grid-gap:30px;
	}
	
	section.row .content-grid.col-4 {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	
	.rating-links img {
		height: 88px;
	}
	
	.social-icons a.icon img {
		height: 60px;
	}
	
	#footer {
		padding-bottom: 40px;
	}
	
	#footer img.logo {
		width: 240px;
		margin-bottom: 40px;
	}
	
	#footer #contact {
		width:100%;
		grid-template-rows: 1fr;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-gap:40px;
	}
	
	#footer h4 {
		font-size: 20px;
		margin-bottom: 5px;
	}
	
	#footer p {
		font-size: 16px;
		margin: 0 0 20px 0;
	}
	
	#footer div.legals p {
		margin-top:60px;
		font-size: 14px;
		font-weight: 400;
		color:#fff;
	}

	#footer div.legals p a {
		font-weight:800;
	}

	#footer div.legals span {
		margin: 0px 10px;
		display: inline-block;

	}

	#footer div.legals span + span {
		margin-top:0px;
	}
	
	#google-map {
		height: 50vh;
	}
	
	div.ta-reviews-large > div {
		width: 480px;
	}
	
	div.ta-reviews-large > div > div {
		width:480px !important;
	}

}