/*seg_desktop_include.css*/

/*s-fonts.css*/
@font-face {
	font-family: 'stempel_garamond';
	src: url('fonts/stempel-garamond-roman-1361528252-webfont.woff') format('woff'),
		 url('fonts/stempel-garamond-roman-1361528252-webfont.ttf') format('truetype'),
		 url('fonts/stempel-garamond-roman-1361528252-webfont.svg#stempel_garamondregular') format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'stempel_garamond';
	src: url('fonts/stempel-garamond-italic-1361528259-webfont.woff') format('woff'),
		 url('fonts/stempel-garamond-italic-1361528259-webfont.ttf') format('truetype'),
		 url('fonts/stempel-garamond-italic-1361528259-webfont.svg#stempel_garamondregular') format('svg');
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: 'stempel_garamond_roman';
	src: url('fonts/stempel-garamond-roman-smallcaps-oldstyle-figures-1361528267.woff') format('woff'),
		 url('fonts/stempel-garamond-roman-smallcaps-oldstyle-figures-1361528267.ttf') format('truetype'),
		 url('fonts/stempel-garamond-roman-smallcaps-oldstyle-figures-1361528267.svg#stempel_garamond_roman') format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'stempel_garamond_figures';
	src: url('fonts/stempel-garamond-oldstyle-figures-bold-1361528253.woff') format('woff'),
		 url('fonts/stempel-garamond-oldstyle-figures-bold-1361528253.ttf') format('truetype'),
		 url('fonts/stempel-garamond-oldstyle-figures-bold-1361528253.svg#stempel_garamond_figure') format('svg');
	font-weight: 700;
	font-style: normal;
}


/*s-page.css*/
* {font-family: Times, serif;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	color: #41281b;
}
html {}
body {margin: 0; overflow-y: scroll; overflow-x: hidden;}
h1, h2, h3, h4, h5, h6, p, ul, li, dl, dd, dt {padding: 0; margin: 0;}
h1, h2, h3, h4, h5, h6, p, li, dd, dt, span, a {line-height: 1em; font-weight: normal;}
ul {list-style: none;}
a {text-decoration: none; cursor: pointer;}
a:hover {text-decoration: none;}
img {border: 0; display: block;}
form, fieldset, label, input, select, textarea {padding: 0; margin: 0; font-weight: normal;}
fieldset {border: none;}
input, select, textarea {font-size: 14px;}
input, textarea {outline: none;}
html {}
#page {position: relative;
	background: url("../img/bg.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#footer {width: 100%; background: #000000; height: 100px;}
#footer .wrapper a.logo {display: block; float:left; background: url("../img/logo.png") no-repeat center center; width:116px; height: 54px; margin: 20px 0 0 0; padding: 0;}
#footer .wrapper .fb {float:right; margin-top:40px; height:40px; overflow: hidden;}
a, span {font-size: inherit; font-family: inherit; color: inherit; text-transform: inherit; font-weight: inherit;}
h1 {display: none;}
h2 {font-size: 36px; line-height: 1.25em;
	font-family: "stempel_garamond_roman", Times, serif;
}
h3 {font-size: 24px;
	font-family: "stempel_garamond_roman", Times, serif;
}
h4 {font-family: "stempel_garamond_roman", Times, serif;}
h5 {}
h6 {}
p {font-size: 16px; line-height: 1.38em; padding: 0 0 20px;
	font-family: "stempel_garamond", Times, serif;
}
ul {font-size: 0;}
li {font-size: 18px;}


/*s-header.css*/
#header {background: #000000; }
#header ul.servicenavigation {display: none;}
#header ul.servicenavigation li a {
	position: fixed; display:block; width: 60px; height: 60px; top: 0; right: 0; background: #000000 url("../img/nav_icon.png") no-repeat center center; background-size: 50% 50%;
	z-index: 99; text-indent: -9999px;
}
#header #navigation {position: fixed !important; top:0; width: 100%; background-color: #000; height: 60px; z-index: 3;}
#header #navigation ul.navigation {font-size: 0; text-align: center; background-color: #000;}
#header #navigation ul.navigation li {display: inline-block; vertical-align: top; margin: 20px 10px;}
#header #navigation ul.navigation li a {font-family: 'stempel_garamond_roman'; font-size: 18px; color: #fffce9; padding:10px;}
#header #navigation ul.navigation li.home {margin:0 50px 0 0; }
#header #navigation ul.navigation li.home a {display:block; background: url("../img/logo.png") no-repeat; width:116px; height: 53px; text-indent: -9999px; margin:4px 0 0 0; padding: 0;}

/*s-front.css*/
#content .scene.front {}
#content .scene.front ul.slides {}
#content .scene.front ul.slides li {background: url("../img/front_slide1.jpg") no-repeat center center;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#content .scene.front ul.slides li img {width: 100%;}


/*s-food.css*/
#content .scene.food,
#content .scene.drink {padding-top:40px; margin-top:40px; background: url("../img/divider.png") no-repeat center top;}
#content .scene.food .ingress {padding-bottom:20px;}
#content .scene.food .ingress h2 {font-size: 36px; }
#content .scene.food .ingress p {font-size: 14px;}
#content .scene.food,
#content .scene.drink {font-size:0;}
#content .scene.food .col1,
#content .scene.drink .col2,
#content .scene.drink .col1,
#content .scene.food .col2 {display: inline-block; vertical-align: top;}
#content .scene.food div {}
#content .scene.food div h3 {padding-bottom: 6px; clear:both; padding-top: 16px; }
#content .scene.food div p.ingress {font-size: 14px;}
#content .scene.food div ul {overflow: auto;}
#content .scene.food div ul li {font-size: 0;}
#content .scene.food div ul li h3 {font-size: 18px; float: left;  padding-bottom: 4px; padding-top: 0px;}
#content .scene.food div ul li h3 span {font-size: 16px; font-family: "stempel_garamond", Times, serif; font-style: italic;}
#content .scene.food div ul li p {font-size: 14px;}
#content .scene.food div ul li p.price {float: right; padding-bottom: 0px; font-family:"stempel_garamond_roman"; font-size: 15px;}
#content .scene.food div ul li p.description {font-style: italic; clear: both;}
#content .scene.food div ul li p.description.narrow {width: 80%;}
#content .scene.food div.kids p.ingress {font-size:14px; font-family:"stempel_garamond"; font-style: italic;}
#content .scene.food div.pizza {padding-bottom: 340px; background: url("../img/deco_1.png") no-repeat center bottom; background-size: 100% auto;}
#content .scene.drink div h3 {padding-bottom: 6px; clear:both; padding-top: 16px;}
#content .scene.drink div p.ingress {font-size: 14px;}
#content .scene.drink div ul {overflow: auto;}
#content .scene.drink div ul li {font-size: 0;}
#content .scene.drink div ul li h3 {font-size: 18px; float: left; padding-bottom: 4px; padding-top: 0px;}
#content .scene.drink div ul li p {font-size: 14px;}
#content .scene.drink div ul li p.price {float: right; padding-bottom: 0px;  font-family:"stempel_garamond"; font-size: 15px; font-style:italic;}
#content .scene.drink div ul li p.description {font-style: italic;}
#content .scene.drink div.cocktail {background: url("../img/deco_2.png") no-repeat right center; height:390px; background-size: 70% auto;}
#content .scene.drink div.cocktail ul li p.price {margin-right:50%;}
#content .scene.drink div.cocktail ul li.narrow h3 {padding-top:20px;}
#content .scene.drink div.cocktail ul li.narrow p.price {padding-top: 20px; margin-right:62%;}
#content .scene.drink div.beer ul li p.price {width: 130px; text-align: right;}
#content .scene.drink div.coffee ul li p.price,
#content .scene.drink div ul li p.price.fixed {width: 100px; text-align: left;}

/*s-gallery.css*/
#content .scene.gallery {background: #000000; height:440px; margin-top: 80px;}
#content .scene.gallery ul ul.row {font-size: 0; margin-left: 12%;}
#content .scene.gallery ul ul.row li {width: 38%; margin:60px 3%; display: inline-block; vertical-align: top;}
#content .scene.gallery ul ul.row li img {width: 100%;}
#content .scene.gallery .slider-nav {display: none;}

/*s-conference.css*/
#content .scene.conference {height:160px; padding-top:20px; background: url("../img/deco_3.png") no-repeat right center;}
#content .scene.conference h2 {padding-bottom:20px;}
#content .scene.conference p {width: 60%; font-size:18px; }
#content .scene.about {padding:40px 0; margin-top:40px; background: url("../img/divider.png") no-repeat center top;}
#content .scene.about h2 {padding-bottom:20px;}
#content .scene.about h4 {font-size: 18px; font-weight: 900;}

/*s-contact.css*/
#content .scene.contact {padding-top:50px; background: url(../img/divider.png) no-repeat center top;}
#content .scene.contact img {margin:30px 0;}
#content .scene.contact #map {width:960px; height:300px; margin:10px 0 20px;}
#content .scene.contact .contact,
#content .scene.contact .opening_hours {display: inline-block; vertical-align: top; width: 49%;}
#content .scene.contact .contact p,
#content .scene.contact .opening_hours p {padding-bottom:0px; font-family: 'stempel_garamond_roman'; font-size: 24px;}
#content .scene.contact .opening_hours p.small {font-size: 14px; font-family: "stempel_garamond", Times, serif; text-transform:none; }
#content .scene.contact .contact p a:hover {text-decoration: underline;}

/*s-glide.css*/
.slider {position: relative; width: 100%; height: 100%; overflow: hidden;}
.slides {height: 100%; overflow: hidden; *zoom: 1; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;}
.slide {height: 100%; float: left; clear: none;}
.slider-arrow {position: absolute; display: block; margin-bottom: -22px; width:42px; height: 45px}
.slider-arrow--right {
  bottom: 50%;
  right: 30px;
  background: rgba(255, 255, 255, 0.4) url("../img/arrow_right.png") no-repeat;
}
.slider-arrow--left {
  bottom: 50%;
  left: 30px;
	background: rgba(255, 255, 255, 0.4) url("../img/arrow_left.png") no-repeat;
}
.slider-nav {
  position: absolute;
  bottom: 30px;
}
.slider-nav__item {
  width: 14px;
  height: 14px;
  float: left;
  clear: none;
  display: block;
  margin: 0 2px;
  background: #ffffff;
  border-radius: 7px;
  opacity: 1;
}
.slider-nav__item:hover {
  opacity: 0.6;
}
.slider-nav__item--current {
	opacity: 0.6;
}


/*s-mediaquery.css*/
@media only screen and (max-width: 960px) {
	#header ul.servicenavigation {display: block;}
	#header #navigation {display: none;}
	#header #navigation.open {display: block;}
	#header #navigation ul.navigation li {display: block;}
	#header #navigation ul.navigation li.home {margin: 0 50px 40px 10px}
	#content .scene.food,
	#content .scene.drink,
	#content .scene.conference,
	#content .scene.contact,
	#content .scene.about {width: 90%; padding: 40px 5%;}
	#content .scene.food .col1,
	#content .scene.drink .col1,
	#content .scene.food .col2,
	#content .scene.drink .col2 {width:100%; margin:0;}
	#content .scene.food div ul li h3 {width: 70%;}
	#content .scene.food div.dessert {padding-bottom:180px;}
	#content .scene.drink div ul li h3 {padding-bottom: 0; width: 100%;}
	#content .scene.drink div ul li p.price {float:left; padding-bottom: 15px;}
	#content .scene.drink div.beer ul li p.price {text-align: left;}
	#content .scene.drink div.cocktail {background-size: 50% auto;}
	#content .scene.drink div.cocktail ul li.narrow p.price {padding-top:0;}
	#content .scene.gallery ul ul.row {margin: 0; padding:0 10%;}
	#content .scene.gallery ul ul.row li {width: 100%; margin: 30px 0 0;}
	#content .scene .slider-arrow--right {display: none;}
	#content .scene .slider-arrow--left {display: none;}
	#content .scene .slider-nav {display: none;}
	#content .scene.conference {background: transparent; height:auto;}
	#content .scene.conference p {width: 100%;}
	#content .scene.contact .contact,
	#content .scene.contact .opening_hours {width: 100%;}
	#content .scene.contact .contact {margin-bottom:40px;}
	#content .scene.contact #map {width: 95%;}
	#footer .f_logo {width: 116px; margin: 0 auto;}
}
@media (min-width: 961px) {
	#content .food,
	#content .drink,
	#content .conference,
	#content .contact,
	#content .about {width: 960px; margin: 0 auto;}
	#content .scene.food .col1,
	#content .scene.drink .col2,
	#content .scene.drink .col1,
	#content .scene.food .col2 {width: 45%;}
	#content .scene.food .col1,
	#content .scene.drink .col1 {margin-right:5%;}
	#content .scene.food .col2,
	#content .scene.drink .col2 {margin-left:5%;}
	#content .scene.contact #map {width:960px; height:300px; margin:10px 0 20px;}
	#footer .wrapper {width: 960px; margin: 0 auto;}
}