@charset "utf-8";

/*********/
/* Fonts */
/*********/

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/.css/fonts/opensans/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/.css/fonts/opensans/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/.css/fonts/opensans/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/.css/fonts/opensans/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/.css/fonts/opensans/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/.css/fonts/opensans/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/.css/fonts/opensans/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/.css/fonts/opensans/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/.css/fonts/opensans/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/.css/fonts/opensans/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/.css/fonts/opensans/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/.css/fonts/opensans/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/.css/fonts/opensans/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/.css/fonts/opensans/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/.css/fonts/opensans/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/.css/fonts/opensans/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/.css/fonts/opensans/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/.css/fonts/opensans/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/.css/fonts/opensans/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/.css/fonts/opensans/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/.css/fonts/opensans/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/.css/fonts/opensans/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/.css/fonts/opensans/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/.css/fonts/opensans/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('/.css/fonts/opensans/open-sans-v34-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/.css/fonts/opensans/open-sans-v34-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/.css/fonts/opensans/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/.css/fonts/opensans/open-sans-v34-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('/.css/fonts/opensans/open-sans-v34-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/.css/fonts/opensans/open-sans-v34-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('/.css/fonts/opensans/open-sans-v34-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/.css/fonts/opensans/open-sans-v34-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/.css/fonts/opensans/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/.css/fonts/opensans/open-sans-v34-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/.css/fonts/opensans/open-sans-v34-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/.css/fonts/opensans/open-sans-v34-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=102de4b0-5d49-40c5-a58f-e22478555087&fontids=1157914");
@font-face{
	font-family:"Lithos W01 Black";
	src:url("fonts/1157914/bf2a4362-0db0-44e7-b6a8-9cc709a869e2.eot?#iefix");
	src:url("fonts/1157914/bf2a4362-0db0-44e7-b6a8-9cc709a869e2.eot?#iefix") format("eot"),url("fonts/1157914/69ce5ff8-32c2-4284-a85c-a75ff3d18149.woff2") format("woff2"),url("fonts/1157914/8b1f7d4f-b51b-4b40-942b-b89849cfb7b9.woff") format("woff"),url("fonts/1157914/47a6f41b-81ab-496f-8f27-dee0d41159a3.ttf") format("truetype"),url("fonts/1157914/74b32456-579d-4831-9961-876a60eba341.svg#74b32456-579d-4831-9961-876a60eba341") format("svg");
}

@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=102de4b0-5d49-40c5-a58f-e22478555087&fontids=1166537");
@font-face{
	font-family:"Lithos W08 Black";
	src:url("fonts/1166537/6b37de83-3896-4b4a-8c6b-56ab52f63556.eot?#iefix");
	src:url("fonts/1166537/6b37de83-3896-4b4a-8c6b-56ab52f63556.eot?#iefix") format("eot"),url("fonts/1166537/d73b853e-f1e4-4a95-9cd4-28ed76baba34.woff2") format("woff2"),url("fonts/1166537/17314280-11b5-40d4-9a3d-e116e013a3e5.woff") format("woff"),url("fonts/1166537/0316fe7b-980a-4612-963a-c7574378cdb3.ttf") format("truetype"),url("fonts/1166537/87073909-2154-4b4a-a68d-9365d7b03ab7.svg#87073909-2154-4b4a-a68d-9365d7b03ab7") format("svg");
}


/*************/
/* Allgemein */
/*************/

html{
	position:relative;
	min-height:100%;
}

body{
	overflow-y:scroll;
	overflow-x:hidden;
	font-family:'Open Sans',Arial,sans-serif;
	font-size:12px;
	color:#5C5C5C;
	min-height:inherit;
}

a{
	border:none;
	outline:none !important;
}

h1, .h1{
	font-family:'Lithos W01 Black',sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	font-size:36px;
	font-size:1.9vw;
}

h2{
	font-family:'Lithos W01 Black',sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	font-size:20px;
	font-size:1.3vw;
}

h3{
	font-family:'Lithos W01 Black',sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	font-size:16px;
	font-size:1.1vw;
}

p{
	margin:0 0 15px 0;
	margin:0 0 1.2vh 0;
}

ul{
	padding-left:20px;
	padding-left:1vw;
}
li{
	padding-bottom:10px;
	padding-bottom:1vh;
}

hr{
	position:relative;
	margin:25px auto;
	margin:2.5vh auto;
	border-top:2px solid #535353;
	clear:both;
}

hr.logo{
	margin:0;
	border:none;
	height:60px;
	height:6vh;
	background-image:url('/images/layout/logo-hr-green.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 80%;
}
hr.logo:before, hr.logo:after{
	position:absolute;	
	top:50%;
	width:35%;
	content:'';
	border-top:2px solid #535353;
	margin-top:-1px;
}
hr.logo:before{left:0;}
hr.logo:after{right:0;}
hr.logo.menu{
	height:40px;
	height:4vh;
	margin-bottom:25px;
	margin-bottom:2.5vh;
}
hr.logo.menu:before, hr.logo.menu:after{
	border-width:1px;
	width:45%;
}
hr.small{
	width:25%;
	border-width:3px;
	border-color:#006C5C;
	margin-top:80px;
	margin-top:8vh;
}


label > *{
	display:inline-block;
	vertical-align:middle;
}

.clear{
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
}

.row-eq-height {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
}

.fadelink{
	display:inline-block;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.fadelink:hover{
	opacity:0.65;
}

.gruen{
	color:#006C5C;
}

.orange{
	color:#F49E00;
}

.bigger{
	font-size:120%;
}
.smaller{
	font-size:80%;
}

#popup_title, #popup_subtitle{
	display:none;
}

select.firstgrey.novalue option{
	color:#333333;
}
select.firstgrey option:first-child, select.firstgrey.novalue{
	color:#999999;
}

table tr.noborder td, table tr.noborder th{border-top:none;}
table tr.nopaddingtop td, table tr.nopaddingtop th{padding-top:0;}
table tr.nopaddingbottom td, table tr.nopaddingbottom th{padding-bottom:0;}
table td.nopadding, table th.nopadding{padding:0 !important;}
table td.nopadding table, table th.table{margin:0;}


/***************/
/* Hintergrund */
/***************/

body
#pages .page,
header,
#reserve iframe,
#menu .menu-nav,
#menu .menu-content,
.produkt_detail .image,
#events .item > a,
#shop .product,
#checkout .box
{
	/*background:#FAFAFA;*/
	background:#FFFFFF;
}

/************/
/* Editmode */
/************/

#editmode #preloader{
	display:none;
}

#editmode form[name=we_form]{
	display:block;
	height:100%;
}

#editmode div.tbButtonWysiwygBorder {
	-moz-box-sizing: initial !important;
	-webkit-box-sizing: initial !important;
	box-sizing: initial !important;
}

#editmode select{
	color:#000000;
}

#editmode input{
	color:#5C5C5C !important;
}

#editmode h1, #editmode h2, #editmode h3{
	display:block !important;
}

#editmode .edittable > table{
	width:100%;
}

#editmode .weIconButton i{
	font-size:initial !important;
}

/*************/
/* Preloader */
/*************/

body.pace-running{
	/*background: #006C5C;*/
}

#preloader{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#006C5C;
	z-index:10000;
	height:100%;
}

#preloader img{
	position:relative;
	margin:-50px auto 0 auto;
	top:50%;
	display:block;
}

#preloader .logo{
	position:relative;
	display:block;
	top:50%;
	margin:-50px auto 0 auto;
	width:75px;
	height:75px;
	background-image:url('/images/layout/logo-preloader.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}

.pace {
	-webkit-pointer-events:none;
	pointer-events:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
}

.pace-inactive {
	display: none;
}

.pace .pace-progress {
	background:#FFFFFF;
	position:fixed;
	z-index:11000;
	top:0;
	right:100%;
	width:100%;
	height:3px;
	box-shadow:0 0 5px 0 rgba(0,0,0,1);
}

#loader{
	position:fixed;
	left:50%;
	top:50%;
	height:50px;
	width:50px;
	margin:-25px 0 0 -25px;
	/*background-color:rgba(0,108,92,0.75);*/
	background-color:#006C5C;
	box-shadow: 0 0 5px 2px rgba(0,0,0,0.5);
	border-radius:100%;
	z-index:10000;
	background-image:url('/images/layout/loader.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:32px 32px;
	display:none;
}

/**********/
/* Layout */
/**********/

#body{
	min-height:inherit;
}

#main{
	position:relative;
	padding-top:90px;
	padding-top:12vh;
	left:12%;
	width:88%;
	z-index:800;
	min-height:inherit;
	
}
.haspopup #main{
	max-height:0;	
	height:0;
	overflow:hidden;
}

#content{
	position:relative;
	overflow:hidden;
	width:100%;
	min-height:88vh;
}

#pages{
	overflow:hidden;
	position:relative;
	width:200%;
	min-height:inherit;
}

#pages .page{
	float:left;
	position:relative;
	width:50%;
	z-index:20;
	min-height:inherit;
	background-position:top left;
}

#pages .page.holz1{background-image:url('/images/layout/holz1.jpg'); background-size:75%;}
#pages .page.holz2{background-image:url('/images/layout/holz2.jpg'); background-size:cover; background-attachment:fixed;}
#pages .page.holz3{background-image:url('/images/layout/holz3.jpg'); background-size:cover; background-attachment:fixed;}

#pagelock{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:5000;
	/*background:rgba(0,0,0,0.32);*/
	background:rgba(0,0,0,0.5);
	display:none;
}
#pagelock.wait{
	cursor:wait;
}

#scrolltotop{
	position:fixed;
	z-index:500;
	bottom:0;
	right:20px;
	width:60px;
	height:60px;
	line-height:60px;
	cursor:pointer;
	background-color:#006C5C;
	color:#FFFFFF;
	text-align:center;
	font-size:30px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.8);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	display:none;
}
#scrolltotop:hover{
	background:#005C4E;
}

/********/
/* Info */
/********/

#info{
	position:fixed;
	right:0;
	top:0;
	bottom:0;
	background-color:#F5F5F5;
	z-index:5100;
	overflow:hidden;
	width:0;
	color:#5C5C5C;
	-webkit-transition: width 0.4s ease;
	-moz-transition: width 0.4s ease;
	-o-transition: width 0.4s ease;
	transition: width 0.4s ease;
}

#info .wrapper{
	position:absolute;
	right:0;
}

#info .wrapper, #info.open{
	width:300px;
	width:18vw;
}

#info .header{
	position:relative;	
	height:90px;
	height:12vh;
}

#info .h1{
	display:none;
}

#info .content{
	padding:10px 20px;
	padding:1vw 2vw;
	font-size:12px;
	font-size:1.5vh;
}

#info #map{
	position:relative;
	background-color:#CCCCCC;
	margin-bottom:10px;
	margin-bottom:1vh;
}
#info #map:before{
	position:absolute;
	top:0;
	left:0;
	content:'';
	width:100%;
	height:10px;
	box-shadow:0 10px 10px -10px rgba(0, 0, 0, 0.5) inset;
	z-index:1000;
}
#info #map:after{
	position:absolute;
	bottom:0;
	left:0;
	content:'';
	width:100%;
	height:10px;
	box-shadow:0 -10px 10px -10px rgba(0, 0, 0, 0.5) inset;
	z-index:1000;
}

#info #map i{
	color:#006C5C;
	font-size:40px;
	font-size:2vw;
}

#info .content table th, #info .content table td{
	padding:0;
	vertical-align:middle;
	padding-bottom:5px;
	padding-bottom:0.5vh;
}
#info .content table th{
	text-align:center;
	padding-right:10px;
	padding-right:1vw;
	font-size:130%;
}
#info .content table td{
	font-weight:bold;
}

#info .content a{
	color:inherit;
	text-decoration:none;
}
#info .content a:hover{
	text-decoration:underline;
}


/**********/
/* Header */
/**********/

header{
	position:fixed;
	top:0;
	right:0;
	left:12%;
	height:90px;
	height:12vh;
	text-align:center;
	z-index:1000;
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.5);
}

header .logo{
	display:inline-block;	
	height:55%;
	margin-top:15px;
	margin-top:1.5vh;
	background-image:url('/images/layout/logo-green.gif');
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}
header .logo.animated{
	background-image:url('/images/layout/logo-green-animated.gif');
}

header .logo img{
	height:100%;
}

header .claim{
	color:#006C5C;
	font-family:'Lithos W01 Black',sans-serif;
	text-transform:uppercase;
	font-size:12px;
	font-size:1.4vh;
	line-height:2.5;
	letter-spacing:0.1vh;
}


/*********/
/* Popup */
/*********/

#popup{
	position:absolute;
	padding-top:90px;
	padding-top:12vh;
	top:0;
	left:12%;
	width:88%;
	min-height:inherit;
	z-index:4000;
	display:none;
	background:#FFFFFF;
	overflow-x:hidden;
}

#popup header{
	z-index:1100;
	text-align:left;
}

#popup h1{
	display:none !important;
}

#popup header .h1.mobile{display:none;}
#popup header .h1.full{
	display:block;
	margin:0;
	padding:30px 0 0 40px;
	padding:3.5vh 0 0 2vw;
	font-size:20px;
	font-size:2.5vh;
}

#popup header .h2{
	margin:0;
	padding:0 0 0 40px;
	padding:0 0 0 2vw;
	font-size:15px;
	font-size:2vh;
	text-transform:uppercase;
	font-weight:bold;
}

#popup header .close{
	position:absolute;
	margin-top:22.5px;
	margin-top:2.5vh;
	font-size:45px;
	font-size:6vh;
	right:20px;
	right:2vw;
	line-height:1;
	color:#006C5C;
	opacity:1;
	z-index:100;
}
#popup header .close .mobile{display:none;}


/**************/
/* Navigation */
/**************/

#navigation{
	position:fixed;
	left:0;
	top:0;
	bottom:0;
	width:12%;
	background-color:#006C5C;
	padding:90px 0 110px 0;
	padding:12vh 0 15vh 0;
	font-family:'Lithos W01 Black',sans-serif;
	text-transform:uppercase;
	box-shadow:10px 90px 10px -10px rgba(0, 0, 0, 0.8);
	box-shadow:10px 11.15vh 10px -10px rgba(0, 0, 0, 0.8);
	z-index:4100;
}

#navigation .navbar-default{
	border-radius:0;
	box-shadow:none;
	background:none;
	border:none;
}

#navigation .navbar li{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	padding:0;
}

#navigation .navbar li a{
	text-shadow:none;
	color:#FFFFFF;
	font-size:12px;
	font-size:0.7vw;
	line-height:1;
	background:none;
	-webkit-transition: background-color 0.2s ease;
	-moz-transition: background-color 0.2s ease;
	-o-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}

#navigation .navbar li a:hover,
#navigation .navbar li.active > a{
	background:none;
	background-color:rgba(0,0,0,0.15);
	box-shadow:0 10px 10px -10px rgba(0, 0, 0, 0.5) inset, 0 -10px 10px -10px rgba(0, 0, 0, 0.5) inset;
}

#navigation .navbar-default .navbar-nav > .open
{
	background-color:rgba(0,0,0,0.2);
	box-shadow:0 10px 10px -10px rgba(0, 0, 0, 0.5) inset, 0 -10px 10px -10px rgba(0, 0, 0, 0.5) inset;
}
#navigation .navbar-default .navbar-nav > .active > a{
	/*background-color:rgba(0,0,0,0.2);*/
}
#navigation .navbar-default .navbar-nav > .open > a{
	/*background-color:rgba(0,0,0,0.2);
	background:transparent;
	box-shadow:none;*/
}

#navigation .mobile{
	display:none;
}

#navigation .navbar-nav > li > .dropdown-menu{
	position:relative;
	background:none;
	border-radius:0;
	padding:0;
	box-shadow:none;
	border:none;
	line-height:1;
	min-width:100%;
}

#navigation .navbar-nav > li > .dropdown-menu a{
	font-size:11px;
	font-size:0.5vw;
}

#nav_lang{
	position:fixed;
	right:20px;
	right:2vw;
	top:30px;
	top:4.5vh;
	/*line-height:90px;
	line-height:12vh;*/
	font-size:12px;
	font-size:1.5vh;
	color:#006C5C;
	z-index:5200;
}
.haspopup #nav_lang{z-index:3000;}

#nav_lang .separator{
	display:block;
	float:left;
	margin:0;
	padding:5px 0;
	padding:0.2vw 0;
}

#nav_lang .link{
	display:block;
	float:left;
	font-weight:bold;
	text-transform:uppercase;
	color:#006C5C;
	text-decoration:none;
	padding:5px 10px;
	padding:0.2vw 0.4vw;
}
#nav_lang .link:first-child{
	margin-right:20px;
	margin-right:2vw;
}

#nav_lang .link:hover, .button_info.active{
	cursor:pointer;
	color:#FFFFFF !important;
	background:#006C5C;
}

/**********/
/* Footer */
/**********/

footer{
	display:none;
	position:relative;
	background-color:#006C5C;
	color:#FFFFFF;
	height:70px;
	line-height:70px;
	font-size:16px;
	box-shadow:0 10px 10px -10px rgba(0, 0, 0, 0.8) inset;
}

footer .nav_facebook{
	float:left;
	color:#FFFFFF !important;
	font-weight:bold;
	padding-left:5px;
}

footer .nav_facebook a{
	color:#FFFFFF !important;
	text-transform:uppercase;
	margin-left:10px;
	padding:0 5px;
}
footer .nav_facebook .icon{
	font-size:20px;
}

footer .nav_lang{
	float:right;
	color:#FFFFFF !important;
	font-weight:bold;
	padding-right:5px;
}
footer .nav_lang .separator{
	display:none;
}
footer .nav_lang a{
	color:#FFFFFF !important;
	text-transform:uppercase;
	margin-right:10px;
	padding:0 5px;
}

footer a{
	text-decoration:none !important;
	opacity:0.5;
}
footer a:hover{
	opacity:1;
}

#navigation .footer{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:0 20px 20px 20px;
	padding:0 1.5vw 2.5vh 1.5vw;
	line-height:1;
}

#nav_footer{
	margin:0;
	padding:0;
	list-style:outside none none;
}

#nav_footer li{
	float:left;
	width:50%;
	padding:0;
	margin-top:8px;
}
#nav_footer li:nth-child(even){
	text-align:right;
}

#nav_footer li a{
	font-size:12px;
	font-size:0.6vw;
	color:#FFFFFF;
	text-decoration:none;
	margin:0 -5px;
	padding:0 5px;
}
#nav_footer li a:hover, #nav_footer li.active a{
	background-color:#FFFFFF;
	color:#006C5C;
}

#nav_facebook{
	margin-top:15px;
	margin-top:2vh;
}

#nav_facebook .fa{
	color:#FFFFFF;
	font-size:18px;
	font-size:1vw;
	vertical-align:middle;
}

#nav_facebook .icon{
	display:none;
}

#nav_facebook{
	text-align:center;
}

#nav_facebook a{
	display:block;
	float:left;
	font-size:12px;
	font-size:0.6vw;
	color:#FFFFFF;
	vertical-align:middle;
	line-height:18px;
	line-height:1vw;
	text-decoration:none;
	margin:0 -5px;
	padding:0 5px;
}
#nav_facebook a:nth-child(even){
	float:right;
}
#nav_facebook a:hover{
	background-color:#FFFFFF;
	color:#006C5C;
}

/**************/
/* Startseite */
/**************/

#start .item{
	position:relative;
	display:block;
	height:291px;
	height:44vh;
	background-color:#DDDDDD;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	text-decoration:none;
	font-weight:normal;
	overflow:hidden;
	padding:0;
}

#start .item .overlay{
	position:absolute;
	display:table-row;
	width:auto;
	left:20px;
	left:1vw;
	bottom:20px;
	bottom:2vh;
	background-color:rgba(0,108,92,0.5);
	color:#FFFFFF;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#start .item.sudwerk .overlay{
	background-color:rgba(244,158,0,0.5);
}

#start .item .overlay .row{
	display:table-row;
	margin:0;
}
#start .item .overlay .row > *{
	display:table-cell;
	padding:5px 10px;
	padding:0.5vh 0.5vw;
}

#start .item .overlay .title{
	background-color:#006C5C;
	color:#FFFFFF;	
	font-weight:bold;
	font-size:11px;
	font-size:1.6vh;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#start .item.sudwerk .overlay .title{
	background-color:#F49E00;
}

#start .item .overlay .subtitle{
	font-size:11px;
	font-size:1.3vh;
	font-weight:600;
	text-shadow:0 0 2px rgba(0,0,0,1);
}

#start a.item:hover .overlay{
	background-color:rgba(255,255,255,0.75);
	color:#006C5C;
}
#start a.item.sudwerk:hover .overlay{
	color:#F49E00;
}
#start a.item:hover .overlay .title{
	background-color:#FFFFFF;
	color:#006C5C;
}
#start a.item.sudwerk:hover .overlay .title{
	color:#F49E00;
}
#start a.item:hover .overlay .subtitle{
	text-shadow:none;
}


/************/
/* Subseite */
/************/

#content a, #popup a{
	font-weight:bold;
	color:#006C5C;
}

.text{
	font-size:15px;
	font-size:1.6vh;
	line-height:1.5;
	padding-top:30px;
	padding-top:3.5vh;
	padding-bottom:30px;
	padding-bottom:3.5vh;
}

#content h1{
	display:none;
}

 .col{
	padding-left:20px;
	padding-left:2vw;
	padding-right:20px;
	padding-right:2vw;
}

#banner{
	position:relative;
	height:400px;
	height:55vh;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.5) inset, -10px 0 10px -10px rgba(0, 0, 0, 0.5) inset;
}

#banner .overlay{
	position:absolute;
	bottom:0;
	color:#FFFFFF;
}

#banner .overlay .title{
	background-color:#006C5C;
	font-family:'Lithos W01 Black',sans-serif;
	text-transform:uppercase;
	padding:15px 20px;
	padding:1.5vh 1vw;
	font-size:20px;
	font-size:1vw;
}
#banner .overlay .text{
	background-color:rgba(0,108,92,0.5);
	padding:20px;
	padding:2vh 1vw;
	font-size:13px;
	font-size:1.4vh;
}

#banner .overlay a{
	font-weight:normal;
	color:#FFFFFF !important;
}
#banner .overlay a:hover{
	text-decoration:underline;
}

#slideshow{
	position:relative;
	height:400px;
	height:45vh;
	box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.5) inset, -10px 0 10px -10px rgba(0, 0, 0, 0.5) inset;
	overflow:hidden;
	background:#FFFFFF;
}

#slideshow .item{
	height:400px;
	height:45vh;
	width:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.carousel-fade .carousel-inner .item {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
	z-index: 2;
}

.openImage{
	position:absolute;
	display:block;
	color:#FFFFFF !important;
	left:25px;
	left:1.5vw;
	bottom:1.5vh;
	bottom:15px;
	font-size:30px;
	font-size:3vh;
	text-decoration:none;
	text-shadow:0 0 10px rgba(0,0,0,0.8);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity:0.25;
}
.openImage:hover{
	opacity:1;
}

.nav-banner{
	position:absolute;
	top:50%;
	margin-top:-35px;
	margin-top:-3.5vh;
	height:70px;
	height:7vh;
	width:45px;
	width:4.4vh;
	text-align:center;
	background:#006C5C;
	text-decoration:none;
	display:inline-block;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	z-index:200;
	
}
.nav-banner.prev{
	left:0;
	padding-right:5px;
	padding-right:0.5vh;
	box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.8), 10px 0 10px -10px rgba(0, 0, 0, 1) inset;
}
.nav-banner.next{
	right:0;
	padding-left:5px;
	padding-left:0.5vh;
	box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.8), -10px 0 10px -10px rgba(0, 0, 0, 1) inset;
}
.nav-banner:hover, .nav-banner:active, .nav-banner:focus{
	width:50px;
	width:5vh;
}
.nav-banner:active, .nav-banner:focus{
	background:#FFFFFF;
}
.nav-banner i{
	line-height:70px !important;
	line-height:7vh !important;
	font-size:35px !important;
	font-size:3.5vh !important;
	color:#FFFFFF !important;
}
.nav-banner:active i, .nav-banner:focus i{
	color:#006C5C !important;
}

.second a.load{
	display:inline-block;
	background-color:#006C5C;
	color:#FFFFFF !important;
	padding:5px 15px;
	text-decoration:none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	margin-top:10px;
}
.second a.load:hover{
	background:#005C4E;
	box-shadow:0 10px 10px -10px rgba(0, 0, 0, 0.5) inset, 0 -10px 10px -10px rgba(0, 0, 0, 0.5) inset;
}


/******************/
/* Räumlichkeiten */
/******************/

#raeumlichkeiten .item{
	position:relative;
	display:block;
	background-color:#DDDDDD;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	text-decoration:none;
	padding:0;
}
#raeumlichkeiten .item:after{
	content: "";
	display: block;
	padding-top: 100%;
}

#raeumlichkeiten .item .title{
	position:absolute;
	display:block;
	bottom:15px;
	bottom:2vh;
	width:100%;
	text-align:center;
	line-height:1.2;
}
#raeumlichkeiten .item .name{
	display:inline-block;
	background:#006C5C;
	color:#FFFFFF;
	font-family:'Lithos W01 Black',sans-serif;
	text-transform:uppercase;
	font-size:14px;
	font-size:0.8vw;
	padding:6px 20px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	font-weight:normal;
}
#raeumlichkeiten .item:hover .name{color:#006C5C; background:#FFFFFF;}

.raeumlichkeit{
	min-height:inherit;
}

#popup .raeumlichkeit{
	padding-right:40px;
	padding-right:2vw;
}

.raeumlichkeit h2{
	display:none;
}

.raeumlichkeit .image, .raeumlichkeit .image > div{
	position:fixed !important;
	top:90px;
	top:12vh;
	left:12%;
	right:0;
	bottom:0;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
	z-index:10;
}
.raeumlichkeit .image > div{
	display:none;
	z-index:20;
}
.loading .raeumlichkeit .image{
	position:absolute !important;
	top:0;
	left:0;
	bottom:auto;
	min-height:inherit;
}

.raeumlichkeit .box{
	position:relative;
	background-color:rgba(0, 108, 92, 0.5);
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.5);
	z-index:30;
}

.raeumlichkeit .box .title{
	background-color:#006C5C;
	color:#FFFFFF;
	padding:10px 20px;
	padding:1vh 1vw;
}

.raeumlichkeit .box .title .name{
	font-family:'Lithos W01 Black',sans-serif;
	text-transform:uppercase;
	font-size:18px;
	font-size:1.3vw;
}
.raeumlichkeit .box .title .subtitle{
	font-weight:bold;
	text-transform:uppercase;
}

.raeumlichkeit .box .desc{
	padding:10px 20px;
	padding:1vh 1vw;
	color:#FFFFFF;
}

.raeumlichkeit .box .desc p:last-child{
	margin:0;
}

.raeumlichkeit .box .action{
	display:block;
	background-color:#006C5C;
	color:#FFFFFF !important;
	padding:10px 20px;
	padding:1vh 1vw;
	text-decoration:none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	font-weight:bold;
}
.raeumlichkeit .box .action:hover{
	background-color:#FFFFFF;
	color:#006C5C !important;
}

.raeumlichkeit .thumbnails{
	display:block;
}
.raeumlichkeit .thumbnails.mobile{
	display:none;
}

.raeumlichkeit .thumbnails a{
	padding:0;
	text-decoration:none;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.raeumlichkeit .thumbnails a:before{
	content: "";
	display: block;
	padding-top: 100%;
}
.raeumlichkeit .thumbnails a:hover{
	box-shadow:0 0 10px 0 rgba(0, 0, 0, 1) inset;
}

/********/
/* Team */
/********/

#team .item{
	position:relative;
	display:block;
	height:291px;
	height:44vh;
	background-color:#DDDDDD;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	text-decoration:none;
}

#team .item .title{
	position:absolute;
	display:block;
	bottom:15px;
	bottom:2vh;
	left:15px;
	left:2vw;
	right:15px;
	right:2vw;
	text-align:center;
	line-height:1.2;
}
#team .item .name{
	display:block;
	background:#006C5C;
	color:#FFFFFF;
	font-family:'Lithos W01 Black',sans-serif;
	text-transform:uppercase;
	font-size:14px;
	font-size:0.8vw;
	padding:6px 0;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	font-weight:normal;
}
#team .item:hover .name{color:#006C5C; background:#FFFFFF;}

#team .item .position{
	display:block;
	background-color:rgba(0,108,92,0.5);
	color:#FFFFFF;
	text-transform:uppercase;
	padding:6px 0;
	font-size:12px;
	font-size:0.65vw;
	font-weight:bold;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#team .item:hover .position{color:#006C5C; background:rgba(255,255,255,0.8);}

.team_detail{
	background-color:#F5F5F5;
	min-height:inherit;
}

.team_detail > .nav-banner{display:block;}
.team_detail .image .nav-banner{display:none;}

.team_detail h2{
	display:none;
}

.team_detail .image{
	position:relative;
	min-height:678px;
	min-height:88vh;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	background-color:#DDDDDD;
}

.team_detail .text{
	padding-right:70px;
	padding-right:4vw;
}
#editmode .team_detail .col{
	padding-right:inherit !important;
}

.team_detail .name{
	font-family:'Lithos W01 Black',sans-serif;
	text-transform:uppercase;
	font-size:14px;
	font-size:1.2vw;
}

.team_detail .position{
	text-transform:uppercase;
	font-size:12px;
	font-size:0.8vw;
	font-weight:bold;
}

.team_detail .sep{
	padding-top:30px;
	padding-top:4vh;
	color:#999999;
}

#editmode #start > table{
	position:relative;
	z-index:10;
	margin-bottom:-23px;
}


/************/
/* Produkte */
/************/

#produkte .item{
	position:relative;
	display:block;
	height:339px;
	height:44vh;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:auto 80%;
	text-decoration:none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#produkte .item:hover{
	background-size:auto 95%;
}

#produkte .title{
	position:absolute;
	bottom:15px;
	bottom:2vh;
	left:0;
	width:100%;
	text-align:center;
	color:#006C5C;
	font-family:'Lithos W01 Black',sans-serif;
	text-transform:uppercase;
	font-size:16px;
	font-size:0.8vw;
	font-weight:normal;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity:1;
}
#produkte .item:hover .title{
	opacity:0;
}

.produkt_detail h2{
	display:none;
}

.produkt_detail .image{
	min-height:678px;
	min-height:88vh;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	overflow:hidden;
}

.produkt_detail .bg{
	min-height:678px;
	min-height:88vh;
	background-color:#F5F5F5;
	box-shadow: -10px 0 10px -10px rgba(0, 0, 0, 0.5);
	padding-bottom:30px;
}

.produkt_detail .title{
	font-family:'Lithos W01 Black',sans-serif;
	text-transform:uppercase;
	font-size:14px;
	font-size:1.2vw;
	line-height:1.3;
	margin-bottom:15px;
	margin-bottom:1.5vh;
}

.produkt_detail .top{
	margin-top:15px;
	margin-top:1.5vh;
}

.produkt_detail .font{
	text-transform:uppercase;
	font-family:'Lithos W01 Black',sans-serif;
}

.produkt_detail .details b{
	text-transform:uppercase;
	font-size:90%;
}

.produkt_detail .bottles{
	padding-right:45px;
}

.produkt_detail .bottles .bottle{
	display:inline-block;
	width:7%;
	padding-right:5px;
	padding-right:0.5vw;
}

.produkt_detail .bottles .font{
	display:inline-block;
	vertical-align:bottom;
}


/***********/
/* Kontakt */
/***********/

#contact{
	min-height:inherit;
	overflow:hidden;
}

#popup #contact{
	padding-right:20px;
	padding-right:1vw;
}

#contact_map{
	position:fixed !important;
	top:90px;
	top:12vh;
	left:12%;
	right:0;
	bottom:0;
}
.loading #contact_map{
	position:absolute !important;
	top:0;
	left:0;
	bottom:auto;
	min-height:inherit;
}

#contact i{
	color:#006C5C;
	font-size:60px;
	font-size:3vw;
}

#contact .item{
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.5);
	background-color:#FFFFFF;
	padding:40px;
	padding:2vw 4vh;
	margin-bottom:40px;
	margin-bottom:4vh;
	font-size:90%;
}

#contact .item .title{
	font-family:'Lithos W01 Black',sans-serif;
	text-transform:uppercase;
	font-size:20px;
	font-size:1vw;
}

#contact .item .sub{
	font-weight:bold;
	margin-top:15px;
	margin-top:1.5vh;
}

#contact .item .line{
	white-space:nowrap;
}

#contact .item a{
	color:#5C5C5C;
	font-weight:normal;
}

#contact .item .button{
	display:block;
	text-align:center;
	text-transform:uppercase;
	padding:7px 0;
	background-color:#006C5C;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#contact .item .sudwerk{
	background-color:#F49E00;
}
#contact .item .button:hover{
	background:#005C4E;
	box-shadow:0 10px 10px -10px rgba(0, 0, 0, 0.5) inset, 0 -10px 10px -10px rgba(0, 0, 0, 0.5) inset;
}
#contact .item .button.sudwerk:hover{
	background:#DC8F00;
}


/**********/
/* Events */
/**********/

#events{
	padding:20px 10px 0 10px;
	padding:4vh 1vw 0 1vw;
}

#events .item{
	display:block;
	padding:0 10px 20px 10px;
	padding:0 1vw 4vh 1vw;
}
#events .item.center{
	margin:0 auto;
}

#events .item > a{
	display:block;
	box-shadow:0 0 10px 5px rgba(0,0,0,0.5);
}
#events .item > a, #events .item > a:hover{
	font-weight:normal;
	text-decoration:none;
}

#events .item *{
	display:block;
	color:#006C5C;
}
#events.archiv .item *{
	color:#555555;
}

#events .item img{
	width:100%;
}

#events .item .row{
	display:flex;
	margin:0;
}

#events .item .date{
	background-color:#006C5C;
	padding:5px 10px 25px 10px;
	padding:1vh 1vw;
	float:left;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#events.archiv .item .date{
	background-color:#555555;
}
#events .item > a:hover .date{
	background-color:#F49E00;
}

#events .item .date .day{
	font-size:40px;
	font-size:4vw;
	line-height:1;
	font-weight:600;
	color:#FFFFFF;
}
#events .item .date .month{
	font-size:11px;
	font-size:0.8vw;
	line-height:1.2;
	font-weight:bold;
	color:#FFFFFF;
}
#events .item .date .year{
	font-size:9px;
	font-size:0.7vw;
	line-height:1.2;
	color:#FFFFFF;
}

#events .text{
	float:left;
	padding:10px;
	padding:2vh 1vw 0 1vw;
}
#events .text p{
	margin:0;
}
#events.news .text{
	min-height:12vh;
}

#events .text .name{
	font-family:'Lithos W01 Black',sans-serif;
	text-transform:uppercase;
	font-size:14px;
	font-size:1.1vw;
	line-height:1;
}

#events .text .dateloc{
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
	margin-bottom:1vh;
	font-size:12px;
	font-size:0.8vw;
}
#events .text .dateloc.mobile{display:none;}

#events .text .desc{
	font-size:10px;
	font-size:0.6vw;
}

h1 .day, h1 .month, h1 .year, .h1 .day, .h1 .month, .h1 .year{
	position:relative;
	font-family:'Open Sans',Arial,sans-serif;
	line-height:1;
}
h1 .day, .h1 .day{
	top:-15px;
	top:-1.5vh;
	float:left;
	font-size:60px;
	font-size:8vh;
	font-weight:600;
	margin-right:10px;
	margin-right:1vw;
}
h1 .month, .h1 .month{
	font-size:18px;
	font-size:2vh;
	font-weight:bold;
	top:-8px;
	top:-0.5vh;
	text-transform:none;
}
h1 .year, .h1 .year{
	font-size:11px;
	font-size:1.5vh;
}

.event_detail{
	background-color:#F5F5F5;
	min-height:inherit;
}

.event_detail .image{
	padding:0;
}
.event_detail .image img{
	width:100%;
}

.event_detail .name{
	font-family:'Lithos W01 Black',sans-serif;
	text-transform:uppercase;
	font-size:16px;
	font-size:1.2vw;
}

.event_detail .dateloc{
	text-transform:uppercase;
	font-size:14px;
	font-size:0.8vw;
	font-weight:bold;	
}

.event_detail .time{
	font-weight:bold;
	color:#5C5C5C;
	line-height:2;
}

.event_detail .sep{
	padding-top:30px;
	padding-top:4vh;
	color:#999999;
}

.event_detail .sep p{
	/*margin:0 0 5px 0;
	margin:0 0 0.5vh 0;*/
}

.event_detail .action{
	display:inline-block;
	background-color:#006C5C;
	color:#FFFFFF !important;
	padding:5px 15px;
	text-decoration:none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.event_detail .action:hover{
	background:#005C4E;
	box-shadow:0 10px 10px -10px rgba(0, 0, 0, 0.5) inset, 0 -10px 10px -10px rgba(0, 0, 0, 0.5) inset;
}

.event_detail .social{
	padding:0;
	font-size:16px;
	font-size:2vh;
	line-height:35px;
	line-height:4vh;
	width:35px;
	width:4vh;
	text-align:center;
}

.event_detail .mobile{
	display:none;
}

#gallery{
	background-color:#000000;
}

#gallery > a{
	position: relative;
	display:block;
	padding:0;
	-webkit-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	z-index:10;
	transform-origin:center center;
	overflow:hidden;
}
#gallery > a:hover{
	box-shadow:0 0 10px 5px rgba(0,0,0,0.5);
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-moz-transform: scale(1.3);
	transform: scale(1.3);
	z-index:20;
}

#gallery > a span{
	display:block;
	opacity:0;
	position:absolute;
	left:0;
	top:0;
	-webkit-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	width:50px;
	height:50px;
	padding:0 5px 0 0;
	text-align:center;
	line-height:50px;
	color:#FFFFFF;
	font-size:20px;
	z-index:10;
	font-weight:600;
}
#gallery > a span:after{
	position:absolute;
	left:0;
	top:0;
	content:'';
	display:block;
	border-right: 75px solid transparent;
    border-top: 75px solid rgba(0,108,92,0.75);
	z-index:-10;
}
#gallery > a:hover span{
	opacity:1;
}

#gallery > a:nth-child(-n+4){transform-origin:top;}
#gallery > a:nth-child(4n+1){transform-origin:left;}
#gallery > a:first-child{transform-origin:left top;}

/***************/
/* Reservieren */
/***************/

#reserve h2{
	display:none;
}

#reserve iframe{
	display:block;
	width:520px;
	height:900px;
	border:none;
	margin:20px auto 0 auto;
	margin:2vh auto 0 auto;
	overflow:hidden;
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.5);
	padding:10px;
}


/***************/
/* Speisekarte */
/***************/

#menu .menu-nav{
	position:relative;
	z-index:10;
	margin-top:100px;
	margin-top:10vh;
	padding:5px 0;
	padding:0.5vh 0;
}

#menu .menu-nav .anchor{
	display:block;
	font-family:'Lithos W01 Black',sans-serif;
	text-transform:uppercase;
	color:#006C5C;
	cursor:pointer;
	margin:4px 0;
	margin:0.8vh 0;
	padding:5px 15px 5px 20px;
	padding:0.5vh 1vw 0.5vh 1.5vw;
	-webkit-transition: background-color 0.2s ease;
	-moz-transition: background-color 0.2s ease;
	-o-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}
#menu .menu-nav .anchor:hover, #menu .menu-nav .anchor.active{
	background:rgba(0,0,0,0.05);
	box-shadow:0 10px 4px -10px rgba(0, 0, 0, 0.25) inset, 0 -10px 4px -10px rgba(0, 0, 0, 0.25) inset;
}

#menu .content-nav{
	margin-top:40px;
	margin-top:4vh;
	padding:5px 20px 5px 20px;
	padding:0.5vh 1.5vw 0.5vh 1.5vw;
	font-size:90%;
}

#menu .content-nav a{
	display:block;
	color:#FFFFFF;
	background-color:#006C5C;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	padding:5px 0;
	padding:0.5vh 0;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#menu .content-nav a:hover{
	background:#005C4E;
	box-shadow:0 10px 10px -10px rgba(0, 0, 0, 0.5) inset, 0 -10px 10px -10px rgba(0, 0, 0, 0.5) inset;
}

#menu .content-nav.mobile{
	display:none;
}

#editmode .menu-nav > table{display:none;}

#menu .menu-content{
	position:relative;
	z-index:20;
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.5);
	padding:20px 35px;
	padding:2.5vh 2.5vw;
}

#menu .menu-content .center{
	text-align:center;
	padding:0;
}
#editmode #menu .menu-content .center{padding:0 15px;}

#menu .menu-content .item{
	margin-bottom:20px;
	margin-bottom:2vh;
}

#menu .menu-content .header{
	padding:20px 0 10px 0;
	padding:2vh 0 1vh 0;
}

#menu .menu-content .header > *{
	font-weight:bold;
	text-transform:uppercase;
	font-size:85%;
	white-space:nowrap;
}

#menu .menu-content .title{
	font-family:'Lithos W01 Black',sans-serif;
	text-transform:uppercase;
}

#menu .menu-content .title.second{
	font-size:120%;
}

#menu .menu-content .size{
	font-weight:bold;
	text-transform:uppercase;
	font-size:85%;
}

#menu .menu-content .content{
	font-size:85%;
}

#menu .menu-content .tag{
	position:relative;
	font-family:'Open Sans';
	background-color:#006C5C;
	color:#FFFFFF;
	font-weight:600;
	font-size:60%;
	padding:0 5px;
	border-radius:3px;
	top:-8px;
	margin-left:4px;
}

/********/
/* Shop */
/********/

#shop #banner{
	height:325px;
	height:45vh;
	box-shadow:0 0 10px 5px rgba(0,0,0,0.5);
}

#shop h1 .goto_shoppingcart{
	display:block;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	line-height:100%;
	color:#FFFFFF;
	background-color:#006C5C;
	font-size:180%;
	padding:0 10px;
	cursor:pointer;
}
#shop h1 .goto_shoppingcart .center{
	width:0;
	height:100%;
}
#shop h1 .goto_shoppingcart > *{
	display:inline-block;
	vertical-align:middle;
}

#shop h1 .goto_shoppingcart .count{
	display:block;
	position:absolute;
	left:0;
	top:35%;
	right:0;
	text-align:center;
	font-weight:bold;
	color:#006C5C;
	font-size:25%;
	line-height:1;
	padding-left:13%;
}

#shop .products{
	min-height:678px;
	min-height:88vh;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	overflow:hidden;
	padding:20px 10px 0 10px;
	padding:4vh 1vw 0 1vw;
	margin-bottom: -99999px;
    padding-bottom: 99999px;
}

#shop .products > *{
	padding:0 5px;
	padding:0 0.8vw;
}

#shop .product{
	position:relative;
	box-shadow:0 0 10px 5px rgba(0,0,0,0.5);
	margin-bottom:15px;
	margin-bottom:3vh;
}
#shop .product:before{
	content: "";
	display: block;
	padding-top: 100%;
}

#shop .product.unavailable > * {
	opacity:0.25;
}

#shop .product .image{
	position:absolute;
	height:80%;
	top:10%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	padding:0 15px;
	padding:0 0.8vw;
}

#shop .product .text{
	position:absolute;
	height:80%;
	top:10%;
	right:15px;
	font-size:9px;
	font-size:0.7vw;
	line-height:1.3;
	padding:0 15px 0 5px;
	padding:0 0.8vw 0 0.2vw;
}

#shop .product .title{
	font-family:'Lithos W01 Black',sans-serif;
	text-transform:uppercase;
	color:#006C5C;
	font-size:125%;
}

#shop .product .packages{
	font-family:'Lithos W01 Black',sans-serif;
	text-transform:uppercase;
}
#shop .product .desc{
	
}

#shop .product hr{
	border-width:1px;
	margin:5px auto;
	margin:0.5vw auto;
}

#shop .product .head{
	text-transform:uppercase;
}

#shop .product .font{
	font-family:'Lithos W01 Black',sans-serif;
	text-transform:uppercase;
	line-height:1.15;
}

#shop .product .spacer{
	margin-bottom:10px;
	margin-bottom:0.5vw;
}

#shop .product .price{
	font-family:'Lithos W01 Black',sans-serif;
	text-transform:uppercase;
	font-size:200%;
	color:#006C5C;
}

#shop .product .small{
	font-size:85%;
}

#shop .product .inc a{
	color:inherit;
	font-weight:normal;
	text-decoration:underline;
}

#shop .order{
	display:block;
}

#shop .order .input{
	display:block;
	font-family:'Open Sans';
	box-shadow:0 0 10px -5px rgba(0, 0, 0, 0.8) inset;
	background-color:#F5F5F5 !important;
	border:none;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	width:25%;
	float:left;
	height:30px;
	height:2vw;
	line-height:30px;
	line-height:2vw;
	padding:0;
	border-radius:0;
}

#shop .order button, #shop .order .button{
	display:block;
	border:none;
	background-color:#006C5C;
	color:#FFFFFF;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	width:75%;
	float:left;
	height:30px;
	height:2vw;
	line-height:30px;
	line-height:2vw;
	padding:0;
	border-radius:0;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#shop .order button:hover{
	background:#005C4E;
	box-shadow:0 10px 10px -10px rgba(0, 0, 0, 0.5) inset, 0 -10px 10px -10px rgba(0, 0, 0, 0.5) inset;
}
#shop .order button .fa{
	font-weight:normal;
}
#shop .order .button.disabled{
	background-color:#666666;
}

#shop .order .disabled{
	cursor:not-allowed;
}

#shop .bar, #checkout .bar{
	min-height:678px;
	min-height:88vh;
	background-color:#006C5C;
	box-shadow: -10px 0 10px -10px rgba(0, 0, 0, 0.5);
	margin-bottom: -99999px;
    padding-bottom: 99999px;
	color:#FFFFFF;
}

#shop .bar .title, #checkout .bar .title{
	color:#FFFFFF;
	font-family:'Lithos W01 Black',sans-serif;
	text-transform:uppercase;
}

#shop .bar .section .head{
	padding-top:20px;
	padding-top:2vh;
	padding-bottom:20px;
	padding-bottom:2vh;
	clear:both;
	cursor:pointer;
}

#shop .bar .section .right{
	text-align:right;
}

#shop .bar .section .nopadding{
	padding-left:0;
	padding-right:0;
}

#shop .bar .section .dark{
	position:relative;
	background-color:rgba(0,0,0,0.4);
	margin:0 -15px;
	overflow:hidden;
	height:0;
}

#shop .bar .section .dark.open{
	height:auto;
}

#shop .bar .small-padding-right, #profile .small-padding-right{
	padding-right:3px;
}
#shop .bar .small-padding-left, #profile .small-padding-left{
	padding-left:3px;
}

#shoppingcart .summary{
	font-weight:600;
	font-size:95%;
}

#shop #cart .lines, #shop #cart .line{
	position:relative;
	overflow:hidden;
}
#shop #cart .line .inner{
	padding-bottom:10px;
	padding-bottom:1vh;
	margin-bottom:10px;
	margin-bottom:1vh;
	border-bottom:1px solid rgba(255,255,255,0.7);
}
#shop #cart .line.noborder .inner{
	border:none;
}

#shop #cart .delete{
	position:absolute;
	right:0;
	top:0;
	font-size:130%;
	line-height:1;
	cursor:pointer;
	-webkit-transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
	-o-transition: color 0.2s ease;
	transition: color 0.2s ease;
}
#shop #cart .delete:hover{
	color:#FFFFFF;
}

#shop #cart .grey, #shop #cart .grey a{
	color:rgba(255,255,255,0.7);
	font-weight:normal;
}
#shop #cart .grey a{
	text-decoration:underline;
}

#shop #cart .sub{
	font-size:90%;
}

#shop .bar .button, #checkout .bar .button{
	display:inline-block;
	background-color:#FFFFFF;
	color:#006C5C;
	padding:10px 20px;
	padding:1vh 1vw;
	text-decoration:none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	border:none;
	font-weight:bold;
	cursor:pointer;
}
#shop .bar .button:hover, #checkout .bar .button:hover{
	background-color:#F5F5F5;
	box-shadow:0 10px 10px -10px rgba(0, 0, 0, 0.25) inset, 0 -10px 10px -10px rgba(0, 0, 0, 0.25) inset;
}

#shop .bar form input{
	color:#333333;
}

#shop #user a{
	color:#FFFFFF;
}

#shop #user ul{
	margin-bottom:0;
}

#shop #user li{
	padding-bottom:0;
}

#shop .bar form select, #profile select{
	padding-left:6px;
	padding-right:6px;
}

#shop .bar .section form .form-control, #profile .form-control{
	border-radius:0;
	margin-bottom:5px;
	margin-bottom:0.5vh;
}

#shop #login .link{
	display:inline-block;	
	padding:10px 0;
	padding:1vh 0;
	font-size:90%;
	color:rgba(255,255,255,0.7);	
}

#shop #login .link span{
	text-decoration:none;
	cursor:pointer;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#shop #login .link span:hover{
	color:#FFFFFF;
}

#shop #login .log{
	overflow:hidden;
	height:0;
}
#shop #login .log.open{
	height:auto;
}

#profile .right{
	text-align:right;
}

#profile .button, #checkout .button{
	display:inline-block;
	background-color:#006C5C;
	color:#FFFFFF;
	padding:10px 20px;
	padding:1vh 1vw;
	text-decoration:none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	border:none;
	font-weight:bold;
}
#profile .button:hover, #checkout .button:hover{
	background:#005C4E;
	box-shadow:0 10px 10px -10px rgba(0, 0, 0, 0.5) inset, 0 -10px 10px -10px rgba(0, 0, 0, 0.5) inset;
}

#checkout .boxes{
	padding:20px 10px 0 10px;
	padding:4vh 1vw 0 1vw;
}

#checkout .box{
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.5);
	margin-bottom:15px;
	margin-bottom:3vh;
}

#checkout .box h3{
	margin-top:0;
}

#checkout .box .adresse{
	line-height:1.2;
	margin:5px 0;
	margin:0.5vh 0;
}

#checkout #summary .input{
	font-family:'Open Sans';
	border:1px solid #333333;
	width:75%;
	padding-top:0;
	padding-bottom:0;
	border-radius:0;
	text-align:center;
}

#checkout textarea{
	color:#333333;
	font-family:'Open Sans';
	border-radius:0;
	resize:vertical;
}

#checkout .button.submit{
	float:right;
}

#checkout .fa-spin{
	-webkit-animation-play-state:paused;
    animation-play-state:paused;
}
#checkout .fa-spin.animated{
	-webkit-animation-play-state:running;
    animation-play-state:running;
}

#checkout .bar .checkbox{
	font-size:90%;
}

#checkout .bar .checkbox a{
	color:#FFFFFF;
	font-weight:normal;
	font-style:italic;
}

#checkout .bar .spacer{
	margin-bottom:40px;
	margin-bottom:4vh;
}


/*************/
/* Impressum */
/*************/

#imprint{
	background-color:#FFFFFF;
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.5);
	margin-top:100px;
	margin-bottom:100px;
	margin-top:40px;
	margin-top:4vh;
	margin-bottom:40px;
	margin-bottom:4vh;
}

.vertical-center {
	/*min-height:88%;*/
	min-height:582px;
	min-height:88vh;
	display:flex;
	align-items:center;
	flex-wrap: wrap;
}

#imprint .item{
	clear:both;
	margin:50px 0;
	margin:5vh 0;
}

#imprint a.link{
	display:block;
}

#imprint .item img{
	margin:0 auto;
}


/**********/
/* Presse */
/**********/

#presse .item{
	position:relative;
	display:block;
	height:291px;
	height:44vh;
	background-color:#DDDDDD;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	text-decoration:none;
}

#editmode #presse > table{
	margin-top:-23px;
	float:left;
}
#editmode #presse .item{
	margin-bottom:28px;
}

#presse .item .title{
	position:absolute;
	display:block;
	bottom:15px;
	bottom:2vh;
	left:15px;
	left:2vw;
	right:15px;
	right:2vw;
	text-align:center;
	line-height:1.2;
}
#presse .item .name{
	display:block;
	background:#006C5C;
	color:#FFFFFF;
	font-family:'Lithos W01 Black',sans-serif;
	text-transform:uppercase;
	font-size:14px;
	font-size:0.8vw;
	padding:6px 0;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	font-weight:normal;
}
#presse .item:hover .name{color:#006C5C; background:#FFFFFF;}

#presse .item .subtitle{
	display:block;
	background-color:rgba(0,108,92,0.5);
	color:#FFFFFF;
	text-transform:uppercase;
	padding:6px 0;
	font-size:12px;
	font-size:0.65vw;
	font-weight:bold;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#presse .item:hover .subtitle{color:#006C5C; background:rgba(255,255,255,0.8);}

/*********/
/* Video */
/*********/

.video-bg {
	background: white;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.video-bg .video-fg,
.video-bg iframe,
.video-bg video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*
@media (min-aspect-ratio: 16/9) {
	.video-bg.cover .video-fg {
		height: 300%;
		top: -100%;
	}
}
@media (max-aspect-ratio: 16/9) {
	.video-bg.cover .video-fg {
		width: 300%;
		left: -100%;
	}
}
*/
.video-bg.cover .video-fg {
	width: 300%;
	left: -100%;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
	.video-bg.cover .video-fg.supports-cover {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	.video-bg.cover video {
		-o-object-fit: cover;
		   object-fit: cover;
	}
}
/*
  Vertical centering for 16/9 youtube iframes and video elements
  Simulate object-fit: contain for entire element, not just contents of element
*/
.video-bg.contain {
	font-size: 0;
}
.video-bg.contain * {
	font-size: 16px;
}
.video-bg.contain:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.video-bg.contain .video-fg {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	/* 16:9 */
	pointer-events: none;
}
.video-bg.contain iframe,
.video-bg.contain video {
	pointer-events: auto;
}
@media (min-aspect-ratio: 16/9) {
	.video-bg.contain .video-fg {
		height: 100%;
		padding-bottom: 0;
		max-width: 53.33333333vh;
		left: 50%;
		margin-left: -26.66666667vh;
	}
}

/**************/
/* Responsive */
/**************/

@media (max-width: 1200px) {
	
}

@media (max-width: 992px) {
	
}

@media (min-width: 769px)
{
	#navigation .navbar .navbar-collapse{
		padding: 0;
		max-height: none;
	}
	#navigation .navbar ul {
		float: none;
	}
	#navigation .navbar ul:not {
		display: block;
	}
	#navigation .navbar li {
		float: none;
		display: block;
	}
	#navigation .navbar li a {
		padding: 10px 0 10px 20px;
		padding: 0.8vw 0 0.8vw 2vw;
	}
}

@media (min-width: 769px) and (max-width: 1224px)
{
	#main{
		left:224px;
		left:12vw;
		width:800px;
		width:88vw;
	}
	
	#popup{
		left:224px;
		left:12vw;
		width:800px;
		width:88vw;
		min-height:678px;
	}
	
	header{
		left:224px;
		left:12vw;
	}
	
	#navigation{
		width:224px;
		width:12vw;
	}
	
	.text{
		font-size:12px;
	}
	
	.raeumlichkeit .image, .raeumlichkeit .image > div{
		left:224px;
		left:12vw;
	}
	.loading .raeumlichkeit .image{
		min-height:582px;
		min-height:88vh;
	}
	
	#contact_map{
		left:224px;
		left:12vw;
	}
	.loading #contact_map{
		min-height:582px;
		min-height:88vh;
	}
	
	#gallery > a{transform-origin:center;}
	#gallery > a:nth-child(-n+3){transform-origin:top;}
	#gallery > a:nth-child(3n+1){transform-origin:left;}
	#gallery > a:first-child{transform-origin:left top;}
}

@media (max-width: 768px)
{
	h1, .h1{
		position:relative;
		background-color:#FFFFFF;
		padding:20px 0;
		text-align:center;
		box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.5);
		margin-top:0;
		font-size:30px;
		z-index:10;
	}
	h2, .h2{
		font-size:18px;
	}
	h3, .h3{
		font-size:15px;
	}
	
	p{
		margin:0 0 15px 0;
	}
	
	hr{
		margin:25px auto;
	}
	hr.logo{
		height:60px;
	}
	
	ul{
		padding-left:20px;
	}
	li{
		padding-bottom:10px;
	}
	
	#pagelock{
		/*display:none !important;*/
	}
	
	/* Info */
	
	#info{
		/*position:relative;*/
		position:absolute;
		right:auto;
		top:auto;
		bottom:auto;
		max-height:0;
		width:100% !important;
		-webkit-transition: max-height 0.4s ease;
		-moz-transition: max-height 0.4s ease;
		-o-transition: max-height 0.4s ease;
		transition: max-height 0.4s ease;
		box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.5);
	}
	#info .wrapper{
		position:relative;
		width:inherit;
		right:auto;
	}
	#info.open{
		width:inherit;
		max-height:1500px;
	}
	
	#info .header{
		display:none;
	}
	
	#info .h1{
		display:block;
	}
	
	#info .content{
		font-size:14px;
		padding:15px 30px;
	}
	
	#info #map i, #contact i{
		font-size:40px;
	}
	
	/* Popup */
	
	#popup{
		left:0;
		width:100%;
		padding-top:75px;
		z-index:5300;
	}
	
	#popup header{
		background:transparent;
		height:auto;
		display:table;
		width:100%;
		left:0;
	}
	
	#popup header .h1.full{display:none;}
	#popup header .h1.mobile{
		display:table-cell;
		vertical-align:middle;
		padding:0 65px;
		height:75px;
		font-size:18px;
		box-shadow:none;
	}
	
	#popup header .h2{
		display:none;
	}
	
	#popup header .close{
		font-size:40px;
		line-height:1;
		margin:8px 15px 0 15px;
		padding:10px 9px;
		right:auto;
		left:0;
	}
	#popup header .close .mobile{display:initial;}
	#popup header .close .full{display:none;}
	
	/* Navigation */
	
	#navigation{
		position:relative;
		min-height:auto;
		width:auto;
		padding:0;
		background-color:transparent;
		z-index:5200;
		box-shadow:none;
	}
	
	#navigation .navbar-brand{
		text-align:center;
		float:none;
		display:block;
	}
	
	#navigation .navbar-brand img{
		height:50px;
		margin:0 auto;
		background-image:url('/images/layout/logo-mobile.gif');
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	#navigation .navbar-brand img.animated{
		background-image:url('/images/layout/logo-mobile-animated.gif');
	}
	
	#navigation .navbar-header{
		position:relative;
		height:75px;
		box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.5);
		background-color:#006C5C;
		z-index:20;
	}
	
	#navigation .navbar-toggle{
		border:none;
		color:#FFFFFF !important;
		border-radius:0;
		font-size:40px;
		line-height:1;
		font-weight:normal;
		float:left;
		margin:8px 15px;
		background:none;
	}
	
	#navigation .navbar-toggle.button_info{
		float:right;
		width:54px;
		text-align:center;
	}
	#navigation .navbar-toggle.button_info .i{display:block;}
	#navigation .navbar-toggle.button_info .x{display:none;}
	#navigation .navbar-toggle.button_info.active .i{display:none;}
	#navigation .navbar-toggle.button_info.active .x{display:block;}
	
	#navigation .navbar{
		margin-bottom:0;
	}
	
	#navigation .navbar li a{
		font-size:14px;
		padding:20px 0 20px 30px;
	}
	
	#navigation .navbar-nav > li > .dropdown-menu a{
		font-size:12px;
	}
	
	#navigation .navbar-collapse{
		position:absolute;
		border-top:none;
		padding:0;
		background-color:#006C5C;
		width:80%;
		box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.5);
	}
	
	#navigation .nav{
		margin:0;
	}
	
	#navigation .mobile{
		display:block;
		background-color:#FFFFFF;
	}
	
	#navigation .mobile li a{
		color:#006C5C;
		font-size:12px;
	}
	
	#navigation .mobile li a .fa{
		font-size:120%;
		margin-right:5px;
	}
	
	#navigation .footer{
		display:none;
	}
	
	footer{
		display:block;
	}
	
	header{
		display:none;
	}
	
	#nav_lang{
		display:none !important;
	}
	
	#main{
		padding:0;
		left:initial;
		width:auto;
	}
	#main:after{
		box-shadow:none;
	}
	
	#content{
		
	}
	
	#banner{
		box-shadow:0 -10px 10px -10px rgba(0, 0, 0, 0.8) inset;
		height:auto;
		/*box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.5) inset, 10px 0 10px -10px rgba(0, 0, 0, 1) inset, -10px 0 10px -10px rgba(0, 0, 0, 1) inset;*/
	}
	#banner:before{
		content: "";
		display: block;
		padding-top: 100%;
	}
	
	#banner .overlay{
		display:none;
	}
	
	.openImage{
		left:20px;
		bottom:20px;
		font-size:30px;
	}
	
	.nav-banner{
		width:45px;
		height:70px;
		margin-top:-35px;
	}
	.nav-banner.prev{padding-right:5px;}
	.nav-banner.next{padding-left:5px;}
	.nav-banner:hover, .nav-banner:active, .nav-banner:focus{width:50px;}
	.nav-banner i{
		font-size:35px !important;
		line-height:70px !important;
	}
	
	#content h1{
		display:block;
		margin-bottom:0;
	}
	
	.text{
		padding-top:20px;
		padding-bottom:20px;
		font-size:15px !important;
	}
	
	.col{
		padding-left:20px !important;
		padding-right:20px !important;
	}
	
	.col.col-margin-bottom{
		margin-bottom:40px;
	}
	
	#start .item{
		height:auto;
	}
	#start .item:before{
		content: "";
		display: block;
		padding-top: 75%;
	}
	#start .item .overlay{
		left:20px;
		bottom:20px;
	}
	#start .item .overlay .title{
		font-size:18px;
		padding:5px 10px;
	}
	#start .item .overlay .subtitle{
		font-size:14px;
		padding:7px 10px;
	}
	
	
	#reserve .col{
		padding-right:10px !important;
		padding-left:10px !important;
	}
	
	#reserve iframe{
		width:100%;
		margin:0 auto;
	}
	
	#popup .raeumlichkeit{
		padding-right:0;
		background-image:none !important;
	}
	#raeumlichkeiten .item .title{
		bottom:25px;
	}
	#raeumlichkeiten .item .name{
		font-size:20px;
	}
	.raeumlichkeit .image, .loading .raeumlichkeit .image{
		position:relative !important;
		min-height:auto;
		top:auto;
		right:auto;
		bottom:auto;
		left:auto;
	}
	.raeumlichkeit .image:before{
		content: "";
		display: block;
		padding-top: 100%;
	}
	.raeumlichkeit .image > div{
		position:absolute !important;
		left:0;
		top:0;
		right:0;
		bottom:0;
	}
	.raeumlichkeit .box{
		background-color:transparent !important;
		box-shadow:none;
	}
	.raeumlichkeit .box > *{
		padding:0;
		color:inherit !important;
		background-color:transparent !important;
	}
	.raeumlichkeit .box .name, .raeumlichkeit .box .subtitle{
		display:none;
	}
	.raeumlichkeit .box h2{
		display:block;
		margin-top:0;
	}
	.raeumlichkeit .box .action{
		display:inline-block;
		font-size:120%;
		color:#006C5C !important;
	}
	.raeumlichkeit .box .action:hover{
		text-decoration:underline;
	}
	.raeumlichkeit .thumbnails{
		display:none;
	}
	.raeumlichkeit .thumbnails.mobile{
		display:block;
	}
	
	#team .item{
		height:auto;
	}
	#team .item:before{
		content: "";
		display: block;
		padding-top: 100%;
	}
	#team .item .title{
		right:40px;
		left:40px;
		bottom:25px;
	}
	#team .item .name{
		font-size:20px;
	}
	#team .item .position{
		font-size:14px;
	}
	
	.team_detail .image{
		min-height:auto;
	}
	.team_detail .image:before{
		content: "";
		display: block;
		padding-top: 100%;
	}
	
	.team_detail > .nav-banner{display:none;}
	.team_detail .image .nav-banner{display:block;}
	
	.team_detail .text{
		padding-right:0;
	}
	
	.team_detail .name{
		font-size:20px;
	}
	.team_detail .position{
		font-size:14px;
	}
	
	.team_detail .col{
		padding-right:20px !important;
	}
	
	#produkte .item{
		height:auto;
		background-size:auto 80% !important;
	}
	#produkte .item:before{
		content: "";
		display: block;
		padding-top: 100%;
	}
	#produkte .item .title{
		bottom:10px;
		font-size:18px;
		opacity:1 !important;
	}
	
	.produkt_detail .image{
		box-shadow:none;
	}
	.produkt_detail .title{
		font-size:20px;
		margin-bottom:15px;
	}
	.produkt_detail .bg{
		background-color:inherit;
		box-shadow:none;
	}
	.produkt_detail .text{
		background-color:#FAFAFA;
		margin:0 0 25px 0;
		box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
	}
	.produkt_detail .bottles .bottle{
		padding-right:5px;	
	}
	
	#imprint{
		margin:0;
	}
	
	#imprint .item{
		margin:30px 0;
	}
	
	#popup #contact{
		padding-right:0;
	}
	
	#contact_map, .loading #contact_map{
		position:relative !important;
		min-height:auto;
		top:auto;
		right:auto;
		bottom:auto;
		left:auto;
	}
	#contact_map:before{
		content: "";
		display: block;
		padding-top: 100%;
	}
	
	#contact .text{
		padding-top:0;
		padding-bottom:0;
	}
	#contact .col{
		padding-left:0 !important;
		padding-right:0 !important;
	}
	
	#contact .item{
		position:relative;
		box-shadow:none;
		padding:40px 20px 40px 20px;
		margin:0;
		box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.5);
	}
	
	#contact .item .title{
		font-size:20px;
	}
	
	#contact .item .sub{
		margin-top:15px;
	}
	
	#events{
		display:block;
		padding:20px 15px 0 15px;
	}
	#events .item, #events .item.center{
		padding:0;
		margin:0 0 20px 0
	}
	#events .item .date{
		padding:10px 0;
		width:90px;
		text-align:center;
	}
	#events .item .date .day{
		font-size:50px;
	}
	#events .item .date .month, #events .item .date .year{
		display:none;
	}	
	#events .item .text{
		padding:10px 10px 0 10px;
	}
	#events .item .name{
		font-size:18px;
	}
	#events .item .dateloc{
		font-size:14px;
	}
	#events .item .dateloc.mobile{
		font-size:80%;
		display:block;
		font-weight:normal;
		text-transform:none;
		margin:0;
		line-height:1.3;
	}
	
	#events .item .desc{
		display:none;
	}
	
	.event_detail{
		background:transparent;
	}
	.event_detail .name{
		font-size:20px;
	}
	.event_detail .dateloc{
		font-size:14px;
	}
	.event_detail .time{
		font-size:110%;
	}
	.event_detail .sep p{
		/*margin:0 0 5px 0;*/
	}
	.event_detail .action{
		display:inline-block;
		padding:0;
		background:transparent;
		font-size:120%;
		color:#006C5C !important;
	}
	.event_detail .action:hover{
		background:transparent;
		text-decoration:underline;
		box-shadow:none;
	}
	.event_detail .social{
		background-color:#006C5C;
		color:#FFFFFF !important;
		width:40px;
		line-height:40px;
	}
	.event_detail .social:hover{
		text-decoration:none;
		background-color:#005C4E;
		box-shadow:0 10px 10px -10px rgba(0, 0, 0, 0.5) inset, 0 -10px 10px -10px rgba(0, 0, 0, 0.5) inset;
	}
	
	.event_detail .mobile{
		display:block;
	}
	.event_detail.pictures .nomobile{
		display:none;
	}
	
	h1 .day, h1 .month, h1 .year, .h1 .day, .h1 .month, .h1 .year{
		float:none;
		font-size:18px;
		font-weight:bold;
		font-family:'Lithos W01 Black',sans-serif;
		display:inline;
		margin:0;
		top:auto;
	}
	h1 .year, .h1 .year{
		display:none;
	}
	
	#gallery > a:hover{
		box-shadow:none;
		-webkit-transform:none;
		-ms-transform:none;
		-moz-transform:none;
		transform:none;
	}
	
	#menu .menu-nav{
		display:none;
	}
	#menu .content-nav.mobile{
		display:block;
		padding:0 40px;
	}
	#menu .menu-content .center-mobile{
		text-align:center;
	}
	#menu .menu-content{
		font-size:10px;
	}
	#menu .menu-content .tag{
		top:-4px;
	}
	
	#shop #banner{
		height:170px;
	}
	#shop .products > *,
	#shop .product .image,
	#shop .product .text{
		padding:0 15px;
	}
	#shop .product{
		margin-bottom:25px;
	}
	#shop .product .spacer{
		margin-bottom:10px;
	}	
	#shop .product .text{
		font-size:12px !important;
	}
	#shop .order .input, #shop .order button, #shop .order .button{
		height:32px;
		line-height:32px;
	}
	#shop .button{
		padding:10px 20px;
	}
	#shop .bar .button, #profile .button, #checkout .button{
		margin-top:20px;
		padding:10px 15px !important;
	}
	
	#presse .item{
		height:auto;
	}
	#presse .item:before{
		content: "";
		display: block;
		padding-top: 100%;
	}
	#presse .item .title{
		right:40px;
		left:40px;
		bottom:25px;
	}
	#presse .item .name{
		font-size:20px;
	}
	#presse .item .subtitle{
		font-size:14px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1200px) 
{
	
}