html {
	background: rgb(254, 254, 254);
	background: -moz-linear-gradient(43deg, rgba(254, 254, 254, 1) 0%,
		rgba(238, 238, 238, 1) 35%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(43deg, rgba(254, 254, 254, 1) 0%,
		rgba(238, 238, 238, 1) 35%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(43deg, rgba(254, 254, 254, 1) 0%,
		rgba(238, 238, 238, 1) 35%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefefe",
		endColorstr="#ffffff", GradientType=1);
	background-attachment: fixed;
	padding-bottom: 20px;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
	background-attachment: fixed;
}

#content_wrapper {
	padding: 20px;
	max-width: 1250px;
	margin: 0 auto;
	background: transparent;
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 50px;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0;
	margin: 0 auto;
	
	overflow: visible !important;
}
.category_desc {
float:left;
text-align:center;
width:100%;
overflow: hidden;
margin-bottom:20px;
font-weight:bold;
font-size:24px;
}
#content_wrapper, html {
	background: #eee;
}

#adm_main_content_wrappper {
	overflow: hidden;
}






/* Global */



.back_btn {
	width: 100%;
}

h1 {
	font-size: 40px;
	color: #444;
}

h3 {
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: 700;
	color: #777;
}


strong {
	color: #555;
}

ol, ul {
	margin-top: 20px;
}

ul li, ol li {
	margin-bottom: 20px;
}

/* Footer*/

#Footer {
	margin-top: 40px;
	background: #ddd;
	overflow: hidden;
	padding-top: 20px;
	width: 100%;
	position: relative;
}

.footerSection {
	width: calc(( 100% - 80px)/4);
	float: left;
	padding: 20px;
	box-sizing: border-box;
	margin: 10px;
}

.footerWrapper {
	width: 1250px;
	margin: 0 auto;
}


.footer_1 {
	float: left;
	width: 45%;
	font-size:16px;
}

.footer_1>img {
	width: 200px;
}

.footer_3 {
	font-size:16px;
	
	width: 50%
}

.upbtn {
	float: right;
}

.naviVertical {
	margin-top: 20px;
}

#Footer {
	padding: 20px;
	box-sizing: border-box;
	max-width: 1250px;
	margin: 0 auto;
	background: #2e2d2c;
	color: white;
}

#Footer h3 {
	color: white;
	font-size: 18px;
}

#Footer a, .footer_1 {
	color: #ccc;
	font-size: 16px;
}

.footer_1, .footer_2, .footer_3 {
	width: 33%;
	box-sizing: border-box;
	margin: 0;
	height: 200px;
	overflow: hidden;
}

.logo_f {
	height: 50px;
	display: block;
	margin: 0 auto;
	margin-top: 20px;
}

#Footer hr {
	width: 100%;
	margin: 0 auto;
	float: left;
	position: relative;
	display: block;
	border: 0;
	overflow: hidden;
	border-top: dotted 2px rgba(200, 200, 200, 0.5);
	margin-bottom: 20px;
}

#contentfooter {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}



/* Head */

#logo {
	padding: 20px;
	
	margin: 0 auto;
	height: auto;
}

#logo a {
	color: white;
}

#navi_block_mobile>div img {
height:50px;
width:auto;
}

#navi_left {
	width: 200px;
	float: left;
	box-sizing: border-box;
	text-align:center;
}
#navi_middle {
	color:white;
	float: left;
	margin-top:5px;
}
#navi_middle span {
	font-size:16px;
	
}

#navi_right {
	width: auto;
	float: right;
}

#navi_right a {
	margin: 20px;
	font-size: 16px;
	line-height: 50px;
}

#sub_head {
	width: 100%;
	background: white;
	min-height: 50px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(143, 143, 143, 0.3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(143, 143, 143, 0.3);
	box-shadow: 0px 0px 10px 0px rgba(143, 143, 143, 0.3);
	z-index: 2;
	position: relative;
	display: none;
}



#content_head {
	padding: 20px;
}

#content_head, #content_head_img {
	flex: 1; /* additionally, equal width */
	font-size: 16px;
}

#content_head_img {
	background-size: cover !important;
	background-position: 50% 50%;
}

#content_head_img img {
	display: block;
}

#adm_head_text, #content_head_img {
	display: none !important
}

.row {
	display: flex; /* equal height of the children */
}


.login_btn {
	height: 20px;
	background: rgba(255, 255, 255, 0.49);
	color: #2e2d2c !important;
	padding: 10px 20px;
	
}



/* Video */

.videoNotAllowed {
	width: 600px;
	height: 337px;
	box-sizing: border-box;
	color: white;
	background-blend-mode: multiply !important;
	background-size: cover !important;
	background-position: 50% 50% !important;
}

.videoNotAllowed .video_na_text, .videoNotAllowed .video_na_cb {
	width: 100%;
	display: block;
	margin-bottom: 20px;
}

.videotext_wrapper {
	width: 360px;
	float: left;
	margin-bottom: 40px;
	box-sizing: border-box;
	margin-right: 20px;
}

.videotext_title {
	float: left;
	width: 100%;
}

#video_overlay {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	cursor: pointer;
}

#video_overlay>iframe, #iframe_novideo {
	margin: 0 auto;
}

#video_overlay>iframe, #iframe_novideo {
	display: block;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 10%);
	height: calc(100% - 10%);
	box-sizing: border-box;
}

#iframe_novideo {
	max-width: 400px;
	height: 400px;
	margin: 0 auto !important;

	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 40%;
	background: white;
	color: black;
	padding: 20px;
	height: auto;
	overflow: hidden;
}

.playBtn {
	width: 100px;
	height: 70px;
	background: url('../../../../views/img/playbutton.png') no-repeat
		!important;
	background-size: contain !important;
	margin: 0 auto;
	transition: filter 1s;
}

.playBtn:hover {
	filter: grayscale(50%);
	transition: filter 1s;
}

.videoNotAllowed {
	display: flex !important;
	justify-content: center !important;
	flex-direction: column !important;
	cursor: pointer;
}



#iframe_novideo span {
	width: 100%;
	display: block;
	margin-bottom: 10px;
}

#iframe_video_wrapper {
	float: none;
	clear: both;
	width: 700px;
	position: relative;
	
	padding-top: 25px;
	height: 370px;
	margin: 0 auto;
	max-width: 100%;
	margin-top: 100px;
}

#iframe_video_wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 700px;
	max-height: 400px;
}

#video_cb_btn {
	background: green;
	width: 100%
}

#iframe_video_btn {
	width: 100%;
	background: #ca4b53
}

#iframe_video_btn_v {
	float: left;
	width: 50px;
	position: relative;
	margin-top: 10px;
	margin-right: 10px;
	height: auto;
	background: #ca4b53;
	content: 'Schliessen';
	color: white;
	left: calc(50% - 25px);
}

.listvideo {
	height: 150px;
	width: 266px;
	float: right;
}

.listvideo.nov:after {
  background:transparent !important;
}

.listvideo:after {
		content: '';
		position: absolute;	 
		width: 100px;
		height: 70px;
  		margin-left:80px;
		background: url('../../../../views/img/playbutton.png') no-repeat
			!important;
		background-size: contain !important;
		z-index:100;
	}

.nov {
	background:url('../../../../views/img/no_video_thumb.jpg') !important;
	background-size:cover !important;
	width:266px !important;
	background-position:0px -20px !important;
}

.nov>img {display:none;}

/* ITEMS */

.items_wrapper {
	overflow:hidden;
	float:left;
	width:100%;
	Background:white;
	
}

.category_item {
	padding:20px;
	text-align:center;
	cursor:pointer;
	
}

/* CSS Snippets Global*/

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.floatleftm {
	float: left;
	margin-right: 20px
}

.floatrightm {
	float: right;
	margin-left: 20px
}

.floatleftmb {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px
}

.floatrightmb {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px
}

.floatmiddle {
	float: left;
	margin: 0 auto;
}

.size100 {
	width: 100%
}

.size50 {
	width: 50%
}

.size25 {
	width: 25%
}

.size40 {
	width: 40%
}

.size60 {
	width: 60%
}

.element_block {
	display: block;
	overflow: hidden;
}

.element_block.integrated_img_full {
	padding: 0;
}

.element_block.integrated_img_full .text_left {
	float: left;
	padding: 20px;
	width: calc(50% - 40px);
}

.element_block.integrated_img_full .text_right {
	float: left;
	padding: 20px;
	width: calc(50% - 40px);
}

.element_block.full_image img {
	width: 100%;
}

.element_block.full_image {
	padding: 0px;
}

.integrated_img span, .integrated_img img, .integrated_img_full img {
	float: left;
	display: block;
	width: 50%;
}

.integrated_img .text_left {
	margin-left: 20px;
	width: calc(50% - 20px);
	float: left;
}

.integrated_img .text_right {
	margin-right: 20px;
	width: calc(50% - 20px);
	float: left;
}

pstitle, h3 {
	padding-bottom: 0px;
	font-size: 20px !important;
	line-height: 28px !important;
	color: #2e2d2c;
	margin-bottom: 0px !important;
	display: block;
	font-weight: 700;
}


/* Global */

.agbpopup {
	width:750px;
	max-width:100%;
	overflow-y:scroll;
	background:white !important;
	padding:40px;
	border:8px #f08655 solid;
}



#adm_main_content_wrappper, .element_block, #content_head,
	#content_head_img, #kbody2, #kbody3, #kbody4,
	#listing_detail_content_wrappper, #content_wrapper.staticPage,
	#content_wrapper.customerAuthModule {
	padding: 0px;
	background: white;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(143, 143, 143, 0.3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(143, 143, 143, 0.3);
	box-shadow: 0px 0px 10px 0px rgba(143, 143, 143, 0.3);
	position: relative;
	z-index: 2;
	margin-bottom: 0px;
	font-size: 16px;
}



#content_wrapper.staticPage {
	    padding: 40px;
}

html {  max-width: 100%
 !important;}

#content_wrapper {
    padding: 0px 0px;
    max-width: 1250px !important;
    
    }


.food_item span:nth-of-type(1) {



}

.menuitem_wrapper {
	background:rgba(255,255,255,1);
}





.button_back {
padding:20px;

text-align:center;

}




.item_us h2, item_cs h2 {
 padding:0px 0 0  0px;

}

.item_number {
  font-size:2em;
  padding:0px 0 0  20px;
}
.item_name {
  font-size:3em;
}


body { min-height: 100%; }
.item_notes, .item_allergy, .item_topics {

  background:white;

}

.item_allergy, .item_topics {
	width:50%;
	box-sizing:border-box;
	
}




.listingDetail::before {
content:'';
background-size: cover !important;
height:100% !important;
display:block !important;
position:fixed !important;
width:100% !important;
}

hr { border-top: 1px solid#fefefe}


#item_wrapper {
box-sizing: border-box;
  padding:30px;
  overflow: hidden;
}



#total {
width:100%;
float:left;
}


#listing_head {
    padding: 20px;
    box-sizing: border-box;
    max-width: 100%;
    
    margin: 0 auto;
    background: #2e2d2c;
    color: white;
    height:100px;
font-family: FontAwesome, 'Roboto condensed';
}

#navi_left, #navi_middle, #button_back {

  float:left;
}
#web_header {
   z-index:1;
   position: relative;

}
#content_wrapper {
  font-size:16px;
  z-index:2;
  position: relative;
}
#logo {
  width:100%;
  padding:0;
  }

#web_header {
  height:450px;
  overflow:hidden;
}

#slider_wrapper>li>img {
  width:100%;
}

#web_info, #web_header, #web_blog, #web_gallery, #web_slogan {
  width:100%;
  float:left;
}
#content_wrapper {
  background:#fff;
}

h2 {
  margin-bottom:15px;
  font-size:30px;
  font-family:  FontAwesome, 'Roboto condensed';

}
#navi_block  {
  float:right;

}

#navi_block>div  {

 float:left;
 font-size:26px;
 margin-right:20px;
margin-top:10px;
}

#web_info .block {
  width:calc((100% / 3) - 20px);
  background:rgba(255,255,255,0.7);
  float:left;
  margin-left:10px;
  margin-right:10px;
  margin-top:-40px;
  z-index:9999;
  position: relative;
  padding:20px;
  box-sizing: border-box;
  min-height:475px;
  border-radius:4px;
}

#listing_head {
width:100%;
position:absolute;
background:rgba(0,0,0,0.4);
}
.slogan_slider {
  position:absolute;
  left:calc(50% - 300px);
  top:180px;
  font-size:60px;
  width:600px;
  text-align:center;
  z-index: 2;
  font-weight:900;

}
#Footer {
  max-width:100%;
  font-size:16px !important;
}


.maps_iframe {
width:100%;
height:250px;

}

.g_images>div {

  float:left;
  width:calc(100% / 3);
  
   
   padding:5px;
   box-sizing:border-box;
}
.g_images>div>img {
	width:100%;
	border-radius:4px;
}

#web_blog>h2,#web_gallery>h2 {
  width:100%;
  text-align:center;
margin-top:40px;
margin-bottom:40px;
}

#web_slogan {
  width:100%;
font-family:'Roboto condensed';
text-align:center;
font-weight:900;
padding:80px;
font-size:40px;
box-sizing:border-box;
}
.posts>div h3 {
color:white;
margin-bottom:10px;

}

.posts>div {
  width:calc((100% / 3) - 20px);
  float:left;
  margin:10px;
  background:#777;
  padding:20px;
  box-sizing: border-box;
  color:white;
   border-radius:4px;
}

.slogan_slider {
  font-family:'Roboto condensed';
}

.splide__slide img {
  width:100%;
  height:450px;
}

.splide {
  width:100%;
}

.slogan_slider {
  background:rgba(0,0,0,0.5);
  color:white;
}



	.posts>div, #web_info .block, .g_images>div>img {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(143, 143, 143, 0.3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(143, 143, 143, 0.3);
	box-shadow: 0px 0px 10px 0px rgba(143, 143, 143, 0.3);

  }
  
  
  
  .o_days {
  width:100%;
  float:left;
  margin-bottom:5px;
  font-weight:bold;
}

.o_hours {
  width:100%;
  float:left;
  margin-bottom:5px;
}

.o_wrapper {
  margin-bottom:20px;
  float:left;
  width:100%;
  display:block;
}

.adm_button {
  width:100%;
  margin-bottom:20px;
font-size:20px;
text-transform: none;
padding:20px;
font-family: FontAwesome, 'Roboto condensed';
}

.socialink {
	float:left;
  margin-right:5px;
}

#Footer .footerSection h3:nth-of-type(2) {
  margin-top:20px;
}
.block h3 {margin-bottom:10px !important;}


#cart {
  width:50px;
  height:30px;
  border-radius:0 0 5px 5px ;
  position:fixed;
  background:rgba(255,255,255,0.8);
  z-index:999;
  left:50%;
  margin-left: -25px;

}

#cart a {
  font-size:25px;
  padding:10px;
}




.itemmenus h2 {text-align:center}

.itemmenus {

  float:left;
  width:50%;
  box-sizing: border-box;
}

.category_item a {
    
    font-weight:300;
    color:black;
}
.price_item_list {
font-size: 16px;
}

.category_item:hover {
background:#aaa;

}

#navi_block_mobile {
position:absolute;
margin:0 auto;
background:rgba(255,255,255,0.9);
left:calc(50% - 175px);
top:0;
padding:30px;
width:350px;
overflow: hidden;

height:auto;
z-index:9999;
box-sizing: border-box;
border:1px solid #444;
  border-top:0;
  width:80%;
  margin:auto;
  left:0;
  right:0;
  display:block;
}

#navi_block_mobile>div {
  width:100%;
  float:left;
box-sizing: border-box;
height:auto;
overflow: hidden;
text-align:center;
padding:10px;
background:rgba(0,0,0,0.01);
margin-bottom:4px;
}

#navi_block_mobile>div.homelink {
height:auto;
}
#navi_block_mobile>div>a {
color:black;
box-sizing: border-box;
font-size:20px;
height:50px;

}

#mobile_navi {
font-family: FontAwesome, Roboto;

}

#mobile_navi {
	display:none
	
}


.item_order .amount_container::after ,.item_order .amount_addon::after {
	content: 'x';
	margin:0 4px ;
}
.name_container div {float:left;}

#item_wrapper h1 {margin-bottom:20px;}

#Footer hr {margin-top:20px;}


#formc input  {margin-bottom:16px;}

.posts {flex-wrap: wrap; }
.blog_entry {width:calc((100% / 3) - 20px)}
.posts {display:flex;}

.menu_item_notes {width:100%;float:left;
font-weight:300;
font-size:14px;color:#444 !important}

#web_header {
    overflow: hidden;
}
.splide--draggable>.splide__track>.splide__list>.splide__slide {height:450px;}
.splide--draggable>.splide__track>.splide__list>.splide__slide {height:450px !important;}

#map {    height: 200px;}

.navi_item {    line-height: 50px;}