@font-face {
    font-family: 'tufura';
    src: url('gfx/tufura.eot');
    src: url('gfx/tufura.eot?#iefix') format('embedded-opentype'),
         url('gfx/tufura.woff2') format('woff2'),
         url('gfx/tufura.woff') format('woff'),
         url('gfx/tufura.ttf') format('truetype'),
         url('gfx/tufura.svg#tufura') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gabriola';
    src: url('gfx/gabriola.eot');
    src: url('gfx/gabriola.eot?#iefix') format('embedded-opentype'),
         url('gfx/gabriola.woff2') format('woff2'),
         url('gfx/gabriola.woff') format('woff'),
         url('gfx/gabriola.ttf') format('truetype'),
         url('gfx/gabriola.svg#gabriola') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
	border:none;
	margin:0;
	outline:none;
	padding:0;
}

html {
	height:100%;
}

body {
	background-color:#111;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#202020',GradientType=1 );
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 108.9 29.5' style='enable-background:new 0 0 108.9 29.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:rgba(255,255,255,0.2);%7D%0A%3C/style%3E%3Cpath class='st0' d='M14.7,0.3h4.4L19,0.6c-0.6,0-1.1,0.1-1.4,0.4S17,1.8,16.8,2.5l-2.3,8.1c-0.1,0.5-0.2,0.9-0.2,1.1 c0,0.2,0.1,0.4,0.3,0.6c0.2,0.1,0.5,0.2,1.1,0.2l-0.1,0.3H9.3l0.1-0.3c0.7,0,1.2-0.1,1.5-0.4c0.3-0.3,0.6-0.8,0.8-1.5l2.4-8.2 L6.9,12.9H6.5L5.4,2.3L3,10.6c-0.1,0.3-0.1,0.6-0.1,0.9c0,0.3,0.1,0.6,0.3,0.7c0.2,0.2,0.6,0.3,1.1,0.3l-0.1,0.3H0l0.1-0.3 c0.5,0,0.9-0.1,1.2-0.3c0.5-0.3,0.8-0.9,1-1.6L5,1.3C4.7,1,4.5,0.8,4.3,0.8c-0.2-0.1-0.6-0.1-1-0.1l0.1-0.3h4.5L8.8,9L14.7,0.3z M23.7,4.3h-0.6L20,4.8l-0.1,0.4c0.1,0,0.2,0,0.3,0c0.2,0,0.4,0.1,0.5,0.2s0.2,0.2,0.2,0.4c0,0.2-0.1,0.5-0.2,1l-1.3,4.4 c-0.1,0.4-0.2,0.6-0.2,0.9c0,0.3,0.1,0.6,0.4,0.9c0.2,0.2,0.6,0.3,1,0.3c1.1,0,2-0.8,3-2.4l-0.3-0.2c-0.4,0.6-0.7,1-1,1.2 C22.2,12,22.1,12,22,12c-0.1,0-0.1,0-0.2-0.1s-0.1-0.1-0.1-0.2c0-0.1,0.1-0.4,0.2-0.7L23.7,4.3z M23.1,0c-0.4,0-0.7,0.1-1,0.4 s-0.4,0.6-0.4,1s0.1,0.7,0.4,1s0.6,0.4,1,0.4s0.7-0.1,1-0.4s0.4-0.6,0.4-1s-0.1-0.7-0.4-1C23.8,0.1,23.5,0,23.1,0z M30.9,2h-0.5 c-0.8,0.9-1.4,1.5-2,1.9c-0.5,0.4-1.2,0.7-2,1l-0.2,0.7h1.3l-1.5,5c-0.2,0.6-0.2,1-0.2,1.4c0,0.3,0.1,0.6,0.3,0.8 c0.2,0.2,0.6,0.3,1,0.3c0.5,0,1-0.2,1.5-0.5s1-0.9,1.4-1.6l-0.3-0.2c-0.4,0.5-0.7,0.9-1,1.1c0,0.1-0.2,0.1-0.3,0.1s-0.1,0-0.2-0.1 s-0.1-0.1-0.1-0.2c0-0.2,0-0.4,0.1-0.8l1.5-5.4h1.2l0.3-1.1H30L30.9,2z M38.9,4.3c-0.4,0-0.7,0.2-1.1,0.5c-0.6,0.6-1.4,2.2-2.6,4.7 l1.4-5.2H36l-2.8,0.6l-0.1,0.3c0.3,0,0.5,0,0.6,0.1c0.1,0,0.2,0.1,0.2,0.2C34,5.6,34,5.7,34,5.9c0,0.1-0.1,0.5-0.2,0.9L32.3,13h2.2 c0.3-1.3,0.6-2.2,0.8-2.7s0.4-1,0.8-1.7C36.5,7.8,36.7,7.3,37,7c0.2-0.3,0.4-0.5,0.5-0.5s0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0.1 c0,0,0.1,0.2,0.3,0.4c0.1,0.2,0.3,0.3,0.6,0.3c0.2,0,0.4-0.1,0.6-0.4c0.3-0.4,0.4-0.9,0.4-1.5c0-0.3-0.1-0.6-0.2-0.8 C39.3,4.4,39.1,4.3,38.9,4.3z M45.1,2.7c0.4,0,0.7-0.1,1-0.4c0.3-0.3,0.4-0.6,0.4-1s-0.1-0.7-0.4-1c-0.3-0.3-0.6-0.4-1-0.4 s-0.7,0.1-1,0.4s-0.4,0.6-0.4,1s0.1,0.7,0.4,1S44.7,2.7,45.1,2.7z M42.5,13.1c1.1,0,2-0.8,3-2.4l-0.3-0.2c-0.4,0.6-0.7,1-1,1.2 c-0.1,0.1-0.2,0.1-0.3,0.1s-0.1,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2c0-0.1,0.1-0.4,0.2-0.7l1.9-6.6h-0.6L42,4.7l-0.1,0.4 c0.1,0,0.2,0,0.3,0c0.2,0,0.4,0.1,0.5,0.2s0.2,0.2,0.2,0.4c0,0.2-0.1,0.5-0.2,1l-1.3,4.4c-0.1,0.4-0.2,0.6-0.2,0.9 c0,0.3,0.1,0.6,0.4,0.9C41.8,13,42.1,13.1,42.5,13.1z M72,26.9c0,0.1,0,0.2,0,0.2c0,0.1,0,0.1,0.1,0.2s0.1,0.1,0.2,0.1 s0.3-0.1,0.5-0.3c0.1-0.1,0.3-0.4,0.7-0.9l0.3,0.2c-0.4,0.8-0.9,1.4-1.4,1.8s-1,0.6-1.6,0.6c-0.4,0-0.6-0.1-0.8-0.3 c-0.2-0.2-0.3-0.4-0.3-0.7c0-0.2,0.1-0.7,0.3-1.3l0.2-0.8c-0.7,1.2-1.4,2.1-2.1,2.6c-0.4,0.3-0.8,0.4-1.2,0.4c-0.6,0-1-0.2-1.2-0.7 c-0.3-0.5-0.4-1-0.4-1.6c0-0.9,0.3-1.9,0.8-3s1.2-2,2.1-2.7c0.7-0.6,1.4-0.9,2-0.9c0.3,0,0.6,0.1,0.8,0.3c0.2,0.2,0.4,0.6,0.5,1.1 l0.3-1.1L74,20l-1.8,6.2L72,26.9z M71.1,21.7c0-0.5-0.1-0.9-0.2-1.1s-0.3-0.2-0.5-0.2s-0.4,0.1-0.6,0.3c-0.4,0.4-0.9,1.2-1.3,2.3 c-0.5,1.2-0.7,2.2-0.7,3c0,0.3,0.1,0.6,0.2,0.7s0.2,0.2,0.4,0.2c0.3,0,0.6-0.2,0.8-0.5c0.4-0.5,0.8-1,1.1-1.7 C70.8,23.7,71.1,22.6,71.1,21.7z M81.8,15.6h-0.6l-3.1,0.5L78,16.5c0.4,0,0.6,0,0.8,0.2c0.1,0.1,0.2,0.2,0.2,0.4 c0,0.2-0.1,0.5-0.2,0.9l-2.5,8.6c-0.2,0.4-0.3,0.7-0.3,1c0,0.3,0.1,0.6,0.4,0.8c0.2,0.2,0.6,0.3,1,0.3s0.9-0.1,1.2-0.4 c0.6-0.4,1.1-1.1,1.7-2L80,26.1c-0.4,0.6-0.7,1-1,1.2c-0.1,0.1-0.2,0.1-0.3,0.1c-0.1,0-0.1,0-0.2-0.1s-0.1-0.1-0.1-0.2 c0-0.2,0.1-0.5,0.3-1.2L81.8,15.6z M86.6,15.6c-0.4,0-0.7,0.1-1,0.4c-0.3,0.3-0.4,0.6-0.4,1s0.1,0.7,0.4,1s0.6,0.4,1,0.4 s0.7-0.1,1-0.4s0.4-0.6,0.4-1s-0.1-0.7-0.4-1C87.3,15.7,87,15.6,86.6,15.6z M87.2,19.8h-0.6l-3.1,0.5l-0.1,0.4c0.1,0,0.2,0,0.3,0 c0.2,0,0.4,0.1,0.5,0.2s0.2,0.2,0.2,0.4c0,0.2-0.1,0.5-0.2,1l-1.3,4.4c-0.1,0.4-0.2,0.6-0.2,0.9s0.1,0.6,0.4,0.9 c0.2,0.2,0.6,0.3,1,0.3c1.1,0,2-0.8,3-2.4l-0.3-0.2c-0.4,0.6-0.7,1-1,1.2c-0.1,0.1-0.2,0.1-0.3,0.1c-0.1,0-0.1,0-0.2-0.1 s-0.1-0.1-0.1-0.2s0.1-0.4,0.2-0.7L87.2,19.8z M97.3,20.6c0.4,0.5,0.6,1.2,0.6,1.9c0,1.7-0.6,3.2-1.8,4.5c-1.1,1.2-2.3,1.7-3.7,1.7 c-1,0-2.1-0.3-3.2-0.9L92,18c0.1-0.5,0.2-0.8,0.2-1c0-0.1-0.1-0.3-0.2-0.4c-0.2-0.1-0.4-0.2-0.8-0.2l0.1-0.4l3.1-0.5H95l-1.6,5.6 c0.5-0.5,0.9-0.9,1.2-1.1c0.3-0.2,0.7-0.3,1.1-0.3C96.4,19.8,97,20.1,97.3,20.6z M95.5,22.5c0-0.4-0.1-0.8-0.3-1 c-0.2-0.2-0.4-0.3-0.7-0.3c-0.4,0-0.8,0.2-1.1,0.6c-0.2,0.3-0.5,0.9-0.7,1.7l-1.3,4.4c0.3,0.2,0.6,0.3,0.8,0.3 c0.3,0,0.6-0.1,0.8-0.2c0.4-0.2,0.7-0.6,1.1-1.1c0.4-0.6,0.7-1.2,1-2C95.4,24.1,95.5,23.3,95.5,22.5z M108.3,26.2l0.3,0.2 c-0.4,0.8-0.9,1.4-1.4,1.8s-1,0.6-1.6,0.6c-0.4,0-0.6-0.1-0.8-0.3c-0.2-0.2-0.3-0.4-0.3-0.7c0-0.2,0.1-0.7,0.3-1.3l0.2-0.8 c-0.7,1.2-1.4,2.1-2.1,2.6c-0.4,0.3-0.8,0.4-1.2,0.4c-0.6,0-1-0.2-1.2-0.7c-0.3-0.5-0.4-1-0.4-1.6c0-0.9,0.3-1.9,0.8-3 s1.2-2,2.1-2.7c0.7-0.6,1.4-0.9,2-0.9c0.3,0,0.6,0.1,0.8,0.3c0.2,0.2,0.4,0.6,0.5,1.1l0.3-1.1l2.2-0.1l-1.8,6.2l-0.2,0.8 c0,0.1,0,0.2,0,0.2c0,0.1,0,0.1,0.1,0.2s0.1,0.1,0.2,0.1s0.3-0.1,0.5-0.3C107.8,27,108,26.7,108.3,26.2z M105.9,21.7 c0-0.5-0.1-0.9-0.2-1.1s-0.3-0.2-0.5-0.2s-0.4,0.1-0.6,0.3c-0.4,0.4-0.9,1.2-1.3,2.3c-0.5,1.2-0.7,2.2-0.7,3c0,0.3,0.1,0.6,0.2,0.7 s0.2,0.2,0.4,0.2c0.3,0,0.6-0.2,0.8-0.5c0.4-0.5,0.8-1,1.1-1.7C105.6,23.7,105.9,22.6,105.9,21.7z M59.5,0c-4.8,0-10.2,3.5-10.2,9 s10.4,8.4,10.4,13.7c0,4.2-5.1,5.1-7.7,5.1c-2.5,0-4.3-0.4-7.1-4.1l-4.5,1.8c1.9,2.9,3.3,4.1,8.8,4.1c10.6,0,13.5-5.2,13.5-8.8 c0-6-10.3-9.1-10.3-14.2c0-3.1,3-5,6.1-5s5.5,1.5,5,4.7h1l1-4.7C65.7,1.5,62,0,59.5,0z M69.7,13.1h6.4V6.7h-6.4V13.1z M76.1,6.7h6.4 V0.3h-6.4V6.7z'/%3E%3C/svg%3E%0A"), url("gfx/noise.png"), radial-gradient(ellipse at center, rgba(80,80,80,1) 0%,rgba(32,32,32,1) 100%);
	background-position:center, left top, center;
	background-repeat:no-repeat,repeat,no-repeat;
	background-size:50%,auto,cover;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#202020',GradientType=1 );
	color:#FFF;
	font-family:'tufura', Arial, Helvetica, sans-serif;
	font-size:13px;
	height:100%;
	text-align:center
}

a {
	color:inherit;
	text-decoration:none;
}

a:hover {
	color:inherit;
	text-decoration:none;
}

div#header {
	height:25%;
	position:absolute;
		top:0px;
	width:100%;
	z-index:0;
}

#logo {
	/* background:url(gfx/msr_logo.svg) no-repeat center top; */
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	height:100px;
	position:absolute;
		top:30px;
		left:60px;
	width:280px;
}

div#come {
	background:url("gfx/come_eat_with_us.svg") no-repeat left center;
	position: absolute;
		top:15%;
		left:15%;
	height:auto;
	width:auto;
	max-height:30%;
	max-width:40%;
	min-height:25%;
	min-width:25%;
}

div#gugu {
	background:url("gfx/gugu&gang.svg") no-repeat right center;
	position: absolute;
		bottom:10%;
		right:15%;
	height:auto;
	width:auto;
	max-height:30%;
	max-width:40%;
	min-height:25%;
	min-width:25%;
}

div#menu {
	background:rgba(0,0,0,0.5);
	display:table-cell;
	font-size:15px;
	height:45px;
	letter-spacing:0.25em;
	overflow:visible;
	padding:0px 0px 10px 10px;
	position:fixed;
	  right:0px;
	  top:65px;
	text-align:right;
	text-transform:uppercase;
	vertical-align:top;
	white-space:nowrap;
	z-index:99;
}

.desktop {
	display:inline;
	visibility:visible;
}

.mobile {
	display:none;
	visibility:hidden;
}

#menu .trigger {
	background:#c7017f;
	box-shadow:rgba(0,0,0,0.5) 0px 1px 2px;
	clear:none;
	cursor:pointer; cursor:hand;
	display:inline-block;
	font-family:'gabriola';
	margin:12px 0px 3px 0px;
	padding:3px 20px 3px 20px;
	text-shadow:#000 1px 1px 2px;
	width:auto;
}

#menu ul {
	list-style:none;
}

#menu li {
	background-color:rgba(255,255,255,0.7);
	color:#440004;
	font-size:12px;
	letter-spacing:0.02em;
	margin:0px 0px 3px 0px;
	padding:7px 20px 7px 2px;
	width:130px;
}

#menu li a {
	display:block;
}

#menu li:hover {
	background-color:rgba(255,255,255,1);
}

.menu_link {
	background:#c7017f;
	box-shadow:rgba(0,0,0,0.5) 0px 1px 2px;
	cursor:pointer; cursor:hand;
	display:inline-block;
	font-family:'gabriola';
	margin:12px 0px 3px 0px;
	padding:3px 20px 3px 20px;
	text-shadow:#000 1px 1px 2px;
	width:auto;
}

.toggle_wrap {
	clear:none;
	display:inline-block;
}

.toggle_container {
	position:absolute;
}
		

div.toggle_wrap2 {
	position:relative;
}

.trigger2 {
	background:rgba(255,255,200,0.1);
	border:1px solid rgba(255,255,255,0.2);
	clear:none;
	display:inline-block;
	height:40px;
	margin:8px 200px 8px 0px;
	padding:2px 0px 2px 0px;
	width:100%;
}

a.pdf {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background:url(gfx/pdf.png), -moz-linear-gradient(top,  rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 33%, rgba(255,255,255,0) 49%, rgba(0,0,0,0) 51%, rgba(0,0,0,0.2) 100%);
background:url(gfx/pdf.png), -webkit-linear-gradient(top,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 33%,rgba(255,255,255,0) 49%,rgba(0,0,0,0) 51%,rgba(0,0,0,0.2) 100%);
background:url(gfx/pdf.png), -o-linear-gradient(top,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 33%,rgba(255,255,255,0) 49%,rgba(0,0,0,0) 51%,rgba(0,0,0,0.2) 100%);
background:url(gfx/pdf.png), -ms-linear-gradient(top,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 33%,rgba(255,255,255,0) 49%,rgba(0,0,0,0) 51%,rgba(0,0,0,0.2) 100%);
background:url(gfx/pdf.png), linear-gradient(to bottom,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 33%,rgba(255,255,255,0) 49%,rgba(0,0,0,0) 51%,rgba(0,0,0,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff', endColorstr='#33000000',GradientType=0 ); /* IE6-8 */

	background-position:top -12px right 0px, inherit;
	background-position-x: 120%;
	background-position-y: 0%;
	background-repeat:no-repeat, no-repeat;
	background-size:auto 70px, auto;
	border:1px solid rgba(255,255,255,0.2);
	display:block;
	height:30px;
	margin:8px 0px 8px 0px;
	padding:14px 0px 0px 0px;
}

.pdf_big {
	width:100%
}

.pdf_small {
	position:absolute;
	  top:0px;
	  right:0px;
	width:19%;
}

.trigger2 * {
	position:relative;
	  top:10px;
}

div#content-outer {
	display:table-cell;
	margin:0px auto 0px auto;
	overflow-x:hidden;
	overflow-y:auto;
	position:absolute;
	  top:140px;
	  bottom:50px;
	  left:0px;
	  right:0px;
	-webkit-transition: all 1s;
	        transition: all 1s;
	vertical-align:bottom !important;
	max-width:850px;
	z-index:10;
}

div#content-inner {
	display:table;
	height:100%;
	position:relative;
	  bottom:0px;
	width:100%;
}

div#content3 {
	display:table-cell;
	vertical-align:bottom;
}

div#content4 {
	position:relative;
}

/*
#content4 p::first-letter {
	font-family:'edward';
	font-size:42px;
	margin-right:2px;
}
*/

.content_visible {
	background:rgba(0,0,0,0.7);
	border-radius:3px;
	display:block;
	font-size:14px;
	line-height:170%;
	padding:36px;
	position:relative;
	text-align:left;
	visibility:visible;
}

h1 {
	font-size:18px;
	margin-bottom:12px;
}

h1::first-letter {
	font-family:'gabriola';
	font-size:36px;
	margin-right:0px;
}

.content_visible ul {
	line-height:125%;
	list-style:outside;
	margin:12px 0px 12px 24px;
}

.content_visible ul li {
	margin:0px;
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.starttext {
	opacity:0;
	-webkit-animation:fadeIn ease-in 1;
	   -moz-animation:fadeIn ease-in 1;
	        animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;
	   -moz-animation-fill-mode:forwards;
	        animation-fill-mode:forwards;
	-webkit-animation-duration:3s;
	   -moz-animation-duration:3s;
	        animation-duration:3s;
	-webkit-animation-delay: 1s;
	   -moz-animation-delay: 1s;
	        animation-delay: 1s;
}

.content_invisible { display:none; visibility:hidden; }

div.content_hide { display:none; visibility:hidden; }

.showhide {
	border:1px solid rgba(255,255,255,1);
	border-radius:16px;
	height:20px;
	width:20px;
	background:rgba(0,0,0,0.2) url(gfx/close.svg) no-repeat center center;
	background-size:60%;
	opacity:0.3;
	position:absolute;
	right:5px;
	top:5px;
	transition:opacity 0.4s;
}

.showhide:hover {
	opacity:1;
}

.restore_visible {
	background:rgba(0,0,0,0.7) url(gfx/restore.svg) no-repeat;
	background-position:right 8px center;
	background-size:20px;
	border-radius:3px;
	color:rgba(255,255,255,0.5);
	display:block;
	font-weight:bold;
	height:14px;
	margin:0px auto 0px -100px;
	padding:8px;
	position:absolute;
	  left:50%;
	  bottom:0px;
	width:200px;
	z-index:99;
}

.restore_invisible { display:none; visibility:hidden; }

.content {
	background:rgba(255,255,255,0.8);
	padding:20px 20px 20px 20px;
}

.content ul {
	list-style:none;
}

.content ul li:before {
	content: '- ';
}

div#footer {
	background:rgba(0, 159, 227, 0.9);
	color:#FFF;
	font-size:12px;
	height:25px;
	overflow:hidden;
	padding:10px 10px 0px 10px;
	position:fixed;
	  bottom:0px;
	  left:0px;
	  right:0px;
	text-align:center;
	white-space:nowrap;
}

#zeiten {
	position:relative;
	  left:110px;
}

.load-item {
	background:rgba(0,0,0,0.25);
	border:1px solid rgba(255,255,255,0.5);
	border-radius:2px;
	box-shadow:0px 0px 8px rgba(255,255,255,0.5) inset;
	color:#FFF;
	display:block;
	height:10px;
	margin-top:-15px;
	opacity:0.6;
	padding:8px 10px 12px 10px;
	position:absolute;
	transition:opacity 0.3s;
	width:10px;
}

.load-item:hover {
	text-decoration:none;
}

.load-item:hover {
	opacity:1;
}

#prevslide {
	left:10px;
    top:50%;
}

#nextslide {
    right:10px;
	top:50%;
}

table.mittag {
	margin:20px 0px 20px 0px;
	width:100%;
}

.mittag td {
	font-weight:bold;
	line-height:120%;
	padding-bottom:10px;
	vertical-align:top;
}

.mittag td i {
	font-weight:normal;
}

.mittag td + td {
	text-align:left;
}

.mittag td + td + td {
	white-space:nowrap;
}

.mittag h2 {
	font-family:'gabriola';
	font-size:30px;
	margin:25px 0px 10px 0px;
	text-decoration:underline;
}

table.speisen {
	width:100%;
}

.speisen h2 {
	font-family:'gabriola';
	font-size:30px;
	margin:25px 0px 10px 0px;
}

.speisen td {
	line-height:110%;
	padding:2px 2px 6px 0px;
	text-align:right;
	vertical-align:top;
}

.speisen td + td {
	padding-right:12px;
	text-align:left;
	text-transform:uppercase;
}

.speisen td + td i {
	text-transform:none;
}

.speisen td + td + td {
	text-align:right;
	white-space:nowrap;
}

.speisen #col1 {
	text-align:right;
	width:30px;
}

.speisen #col2 {
	text-align:left;
}

.speisen #col3 {
	text-align:right;
	white-space:nowrap;
}


table.drinks {
	width:100%;
}

.drinks h2 {
	font-family:'gabriola';
	font-size:30px;
	margin:25px 0px 10px 0px;
}

.drinks td {
	line-height:110%;
	padding:2px 2px 6px 0px;
	text-align:left;
	vertical-align:top;
}

.drinks td + td {
	padding-right:10px;
	text-align:right;
	text-transform:uppercase;
}

.drinks td + td i {
	text-transform:none;
}

.drinks td + td + td {
	text-align:right;
	white-space:nowrap;
}

.drinks > #col1 {
	text-align:left;
	width:auto;
}

.drinks > #col2 {
	text-align:right;
}

.drinks > #col3 {
	text-align:right;
	white-space:nowrap;
}


table#weine {
	width:100%;
}

#weine td {
	text-align:left;
}

#weine td + td {
	text-align:left;
}

#weine td + td + td {
	text-align:right;
	white-space:nowrap;
}

#weine td + td + td + td {
	text-align:right;
	white-space:nowrap;
}

#weine .sorte {
	background:rgba(255,255,255,0.2);
	text-align:left;
}

#weine h1 {
	margin:12px 0px 0px 0px;
}

.sorte td {
	padding:2px 8px 2px 8px;
}

.bio {
	color:#3C0;
	font-family:"Times New Roman", Times, serif;
}

.empfehlung {
	background:url(gfx/daumen.svg) no-repeat;
	background-position:right 10px center;
	background-size:auto 20px;
	padding-right:20px;
}



.righteous {
	text-align:right !important;
}

a#phone {
	background:url(gfx/phone.svg) no-repeat center center;
}

a#time {
	background:url(gfx/time.svg) no-repeat center center;
}

a#mail {
	background:url(gfx/mail.svg) no-repeat center center;
}

a#impressum {
	background:url(gfx/impressum.svg) no-repeat center center;
}

#teamfoto {
	background:url(img/team.jpg) no-repeat center top -16px;
	background-size:cover;
	display:inline-block;
	float:right;
	height:200px;
	margin:-40px 0px 0px 20px;
	width:400px;
}

div#anfahrt {
	clear:none;
	display:inline-block;
	margin-right:20px;
	vertical-align:top;
	width:340px;
}

iframe#googlemap {
	clear:none;
	display:inline-block;
	height:360px;
	width:400px;
}

gang {
	clear:both;
	display:block;
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.2em;
	margin:3px 0px 6px 0px;
	text-transform:uppercase;
}

gericht {
	clear:both;
	display:block;
	font-family:'gabriola';
	font-size:30px;
}

beschr {
	clear:both;
	display:block;
	margin:0px 0px 16px 0px;
}

/* jScrollPane */


.jspContainer {
	overflow: hidden;
	position: relative;
}

.jspPane {
	position: absolute;
}

.jspVerticalBar {
	position: absolute;
	  top:0;
	  right:0;
	width: 16px;
	height:100%;					/* does this do anything? */
	margin:0px 10px 0px 0px;
	background:transparent;
}

.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap {
	background:none;
}

.jspCapTop {
	height:12px;
}

.jspCapBottom {
	height:20px;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background:transparent;
	border:2px solid #D7D7D7;
	border-radius:8px;
	padding:2px 2px 2px 2px;
	position: relative;
}

.jspDrag
{
	background: #D7D7D7;
	border-radius:6px;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner {
	margin: 0 -3px 0 0;
}


#fullscreenback {
	display:block;
	position:fixed;
	  left:0;
	  top:0;
	overflow:hidden;
	z-index:-999;
	height:100%;
	width:100%;
}

#fullscreenback div {
	width:100%;
	height:100%;
	position:relative;
	outline:none;
	border:none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#fullscreenback div div {
	width:auto;
	height:auto;
	position:inherit;
}

p.bilder {
	text-align:center;
}

.bilder a {
	background:#000;
	border:1px solid rgba(255,255,255,0.75);
	box-shadow:1px 3px 5px rgba(0,0,0,0.8);
	display:inline-block;
	margin:0px 5px 5px 0px;
	
}

.bilder a:hover {
	border:1px solid rgba(255,255,255,1);
}

.bilder img {
	margin-bottom:-7px;
	opacity:0.8;
	width:140px;
	-webkit-transition:opacity 0.75s;
	        transition:opacity 0.75s;
}

.bilder img:hover {
	opacity:1;
	-webkit-transition:opacity 0.25s;
	        transition:opacity 0.25s;
}

.clearfix {
	line-height:160%;
}

.clearfix:after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}

/* FACEBOX */

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup{
  position:relative;
  border:3px solid rgba(0,0,0,0);
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.5);
     -moz-box-shadow:0 0 18px rgba(0,0,0,0.5);
          box-shadow:0 0 18px rgba(0,0,0,0.5);
}

#facebox .content {
  display:table;
  width: 280px;
  padding: 30px;
  background:rgba(0,0,0,0.8);
  -webkit-border-radius:4px;
     -moz-border-radius:4px;
          border-radius:3px;
}

#facebox .content > p:first-child{
  margin-top:0;
}
#facebox .content > p:last-child{
  margin-bottom:0;
}

#facebox .close {
	background:rgba(0,0,0,0.2) url(gfx/close.svg) no-repeat center center;
	background-size:60%;
	border:1px solid rgba(255,255,255,1);
	border-radius:16px;
	height:20px;
	width:20px;
	opacity:0.3;
    position:absolute;
      top:5px;
	  right:5px;
	-webkit-transition:opacity 0.4s;
	        transition:opacity 0.4s;
}

#facebox .close:hover {
	opacity:1;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

/* END - FACEBOX */


/* Lightbox */

body:after {
  content: url(gfx/close.png) url(gfx/loading.gif) url(gfx/prev.png) url(gfx/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(gfx/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background:url(gfx/prev.png) left 48% no-repeat;
  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity:0;
  -webkit-transition:opacity 0.6s;
     -moz-transition:opacity 0.6s;
       -o-transition:opacity 0.6s;
          transition:opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(gfx/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  width: 30px;
  float:right;
  height: 30px;
  background: url(gfx/close.svg) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
     -moz-transition: opacity 0.2s;
       -o-transition: opacity 0.2s;
          transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Lightbox End */

@media all and (max-width: 1200px) {
	
	.content_visible {
		margin:0px 12px 0px 12px;
	}
	
	iframe#googlemap {
		width:100%;
	}
	
	div#anfahrt {
		width:100%;
	}
	
	#teamfoto {
		background-position:center top;
		clear:both;
		float:none;
		margin:0px 0px 0px 0px;
		width:100%;
		  max-width:400px;
	}
}


@media all and (max-width: 820px) {

	div#menu {
		top:130px;
	}
	
	div#content-outer {
		top:200px;
	}

}

@media only screen and (max-width: 700px) and (orientation : landscape) {
	
	#content-outer {
		top:200px;
	}
	
	#logo {
		height:80px;
		left:10px;
		width:180px;
	}
	
	div#menu {
		font-size:12px;
		height:40px;
		top:42px;
	}
	
	#menu .trigger {
		padding:0px 10px 0px 10px;
	}
	
	.menu_link {
		padding:0px 10px 0px 10px;
	}
	
	div#content-outer {
		top:110px;
	}
	
	#zeiten {
		left:30px;
	}

	.portrait {
		display:none;
		visibility:hidden;
	}
}

@media all and (max-width: 500px) {
	#logo {
		background-image:url("gfx/mitrisaliba_logo_white.svg");
		position:relative;
		  left:0px;
		margin:-10px auto 0px auto;
	}

	.load-item {
		display:none;
		visibility:hidden;
	}
	
	div#content-outer {
		right:0px;
		left:0px;
		top:150px;
		bottom:105px;
	}
	
	div#menu {
		background:none;
		font-size:11px;
		  left:8px;
		  right:8px;
		  top:110px;
		padding:0;
		text-align:center;
		white-space:nowrap;
	}
	
	.toggle_container {
		position:inherit;
	}
	
	.desktop {
		display:none;
		visibility:hidden;
	}
	
	.mobile {
		display:inline;
		visibility:visible;
	}
	
	.toggle_wrap {
		clear:none;
		display:inline-block;
		letter-spacing:0.1em;
		margin:0px;
		vertical-align:top;
		width:32%;
	}
	
	#menu .trigger {
		clear:none;
		display:inline-block;
		font-size:15px;
		margin:0;
		padding:3px 0px 3px 0px;
		width:100%;
	}
	
	#menu li {
		padding:7px 0px 7px 0px;
		width:100%;
	}
	
	.menu_link {
		clear:none;
		display:inline-block;
		font-size:15px;
		letter-spacing:0.1em;
		margin:0px;
		padding:3px 0px 3px 0px;
		vertical-align:top;
		width:32%;
	}
	
	.content_visible {
		margin:0px 10px 0px 10px;
	}
	
	div#footer {
		height:85px;
		white-space:inherit;
	}
	
	#zeiten {
		font-size:16px;
		left:inherit;
		margin-bottom:5px;
	}
	
	#mobile_menu {
		position:relative;
		text-align:justify;
		-ms-text-justify:distribute-all-lines;
			text-justify:distribute-all-lines;
	}
	
	#mobile_menu a {
		background-size:auto 70%;
		border:1px solid grba(255,255,255,0);
		border-radius:3px;
		width: 75px;
		height: 45px;
		vertical-align: top;
		display: inline-block;
		*display: inline;
		zoom: 1;
	}
	
	#mobile_menu:after {
		content: '';
		width: 100%;
		display: inline-block;
		font-size: 0;
		line-height: 0;
	}
	.trigger2 {
		margin:8px 0px 8px 0px;
	}
	
	#teamfoto {
		margin:0px 0px 20px 0px;
		width:100%;
	}

}

@media all and (max-width: 364px) {

	div#content-outer {
		bottom:100px;
	}

	div#footer {
		height:80px;
	}
	
	#footer .mobile a {
		background-size:auto 70%;
		height:45px;
		width:60px;
	}
	
	#menu .trigger {
		font-size:11px;
	}
	
	.menu_link{
		font-size:11px;
	}
	
	#zeiten {
		font-size:14px;
	}

}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {

	#fullscreenback div {
		width:100%;
		height:100%;
		position:relative;
		outline:none;
		border:none;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:50% 50%;
	}

}

#picture01 {background-image:url(img/img_01.jpg);}
#picture02 {background-image:url(img/img_02.jpg);}
#picture03 {background-image:url(img/img_03.jpg);}
#picture04 {background-image:url(img/img_04.jpg);}
#picture05 {background-image:url(img/img_05.jpg);}
#picture06 {background-image:url(img/img_06.jpg);}
#picture07 {background-image:url(img/img_07.jpg);}
#picture08 {background-image:url(img/img_08.jpg);}
#picture09 {background-image:url(img/img_09.jpg);}
#picture10 {background-image:url(img/img_10.jpg);}
#picture11 {background-image:url(img/img_11.jpg);}
#picture12 {background-image:url(img/img_12.jpg);}
#picture13 {background-image:url(img/img_13.jpg);}
#picture14 {background-image:url(img/img_14.jpg);}
#picture15 {background-image:url(img/img_15.jpg);}
#picture16 {background-image:url(img/img_16.jpg);}
#picture17 {background-image:url(img/img_17.jpg);}
#picture18 {background-image:url(img/img_18.jpg);}
#picture19 {background-image:url(img/img_19.jpg);}
#picture20 {background-image:url(img/img_20.jpg);}
