/* Site settings */
body {background-color:#ffffff;margin:0px;font-family:Arial,sans-serif;font-size:13px;font-weight:normal;font-style:normal;text-decoration:none;color:#000000;letter-spacing:0em;-webkit-print-color-adjust:exact;}
a {text-decoration:none;}
a:link {color:#E79D69; cursor:pointer;}
a:visited {color:#E79D69;}
a:hover {color:#FFFFFF;}
/*a * {color:#E79D69;text-decoration:none;}*/
sup {font-size:0.5em; vertical-align: 0.66em;}
sub {font-size:0.5em; vertical-align: -0.1em;}
.xr_tl {position: absolute; white-space: pre; unicode-bidi:bidi-override;}
.xr_tr {position: absolute; white-space: pre; unicode-bidi:bidi-override; text-align:right;}
.xr_tc {position: absolute; white-space: pre; unicode-bidi:bidi-override; text-align:center;}
.xr_tj {position: absolute; unicode-bidi:bidi-override; text-align:justify;}
.xr_tb {position: absolute; unicode-bidi:bidi-override;}
.xr_e1 {display: inline-block; border:none; white-space:normal;}
.xr_e2 {position: absolute; display: block; border:none;}
.xr_ap {position: absolute; border:none;}
.xr_ar {position: absolute; display:block;}
.xr_ae {position: relative; border:none;}
.xr_strb {z-index: 1;}
.xr_xrc, .xr_xri_, .xr_sxri, .xr_xpos {z-index: 2;}
.xr_ro, .xr_rd, .xr_rs {z-index: 3;}
.xr_tu {unicode-bidi:bidi-override;margin-top:0px;margin-bottom:0px;}
.xr_tl, .xr_tr, .xr_tc, .xr_tj, .xr_tb {text-rendering: optimizeLegibility;}

.xr_tt0 {transition: all 0s;}
.xr_tt1 {transition: all 0.1s; transition-timing-function: ease-in;}
.xr_tt2 {transition: all 0.25s; transition-timing-function: ease-in;}
.xr_tt3 {transition: all 0.5s; transition-timing-function: ease-in;}
.xr_tt4 {transition: all 1s; transition-timing-function: ease-in;}
.xr_tt5 {transition: all 2s; transition-timing-function: ease-in;}
a:hover .xr_ro, a:active .xr_rd, .xr_nb0:hover .xr_ro{visibility:visible;opacity: 1;transform: none;}

a:active .xr_ro {opacity:0;}
.xr_ro, .xr_rd {visibility:hidden;opacity:0;}
.xr_ro0, .xr_rd0, a:active .xr_ro0 {opacity:0;}
.xr_ro1, .xr_rd1, a:active .xr_ro1 {transform:translate3d(0,-20%,0);}
.xr_ro2, .xr_rd2, a:active .xr_ro2 {transform:translate3d(20%,0,0);}
.xr_ro3, .xr_rd3, a:active .xr_ro3 {transform-origin:top; transform:scale3d(1,0.3,1);}
.xr_ro4, .xr_rd4, a:active .xr_ro4 {transform-origin:left; transform:scale3d(0.3,1,1);}
.xr_ro5, .xr_rd5, a:active .xr_ro5 {transform:rotate3d(1,0,0,180deg); -ms-transform: rotateX(180deg);}
.xr_ro6, .xr_rd6, a:active .xr_ro6 {transform:rotate3d(0,1,0,180deg); -ms-transform: rotateY(180deg);}
.xr_ro7, .xr_rd7, a:active .xr_ro7 {transform:rotate3d(0,0,1,180deg);}
.xr_ro8, .xr_rd8, a:active .xr_ro8 {transform:scale3d(0.3,0.3,1);}
.xr_ro9, .xr_rd9, a:active .xr_ro9 {transform:skew(-30deg,0) translate3d(10%,0,0);}
.xr_ro10, .xr_rd10, a:active .xr_ro10 {transform-origin:50% 500%; transform:rotate3d(0,0,1,10deg);}
.xr_ro11, .xr_rd11, a:active .xr_ro11 {transform:translate3d(0,-50%,0) scale3d(0.3,0.3,1);}
.xr_ro12, .xr_rd12, a:active .xr_ro12 {transform:translate3d(0,20%,0);}
.xr_ro13, .xr_rd13, a:active .xr_ro13 {transform:translate3d(-20%,0,0);}
.xr_stickie {z-index: 90;}
.xr_nb0 {touch-action: none;}
.xr_nb0:hover > .xr_nb2, .xr_nb1:hover > .xr_nb2 {visibility: visible; opacity: 1 !important; transform: none !important;}
.xr_nb2 {white-space: nowrap; padding:0px; margin:0px; visibility: hidden; position: absolute; z-index:101;}
.xr_nb2 li {display:block;}
.xr_nb2 li a {display:block; text-decoration:none;}
.xr_nb4 {display:block; padding:0px; margin:0px;}
.xr_nb6 {width:100%; height:2px;}
.xr_nb1 {position: relative;}
.xr_nb1:after {content: ''; position: absolute; top: 50%; right: .5em; height: 0px; width: 0px; border: 5px solid transparent; margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: inherit;}
body {text-align:center;}

@media screen, handheld {
.xr_app {position: absolute;}
.xr_apb {display:block; position:absolute;}
.xr_bgb0 {background:url('1.png') -768px 2156px repeat;}
.xr_bgb1 {background:url('1.png') -768px 4608px repeat;}
.xr_bgb2 {background:url('1.png') -768px 2156px repeat;}
.xr_bgb3 {background:url('1.png') -1343px 2102px repeat;}
.xr_bgb4 {background:url('1.png') -768px 2156px repeat;}
.xr_bgb5 {background:url('1.png') -768px 2146px repeat;}
}
@media print {
 .xr_mvpo {display:none;}
 #xr_xrii{overflow:visible !important; position: relative !important;}
}

.menu {
	display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 4; /* Sit on top */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

.mobmenu {
	display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 4; /* Sit on top */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

.shoplinks a:link {color:#E79D69; cursor:pointer;}
.shoplinks a:visited {color:#E79D69;}
.shoplinks a:hover {color:#FFFFFF;}

.foods {
	left: 504px; top: 950px; width: 457px; height: 301px; position: absolute;
}

.goods {
	left: 984px; top: 950px; width: 457px; height: 301px; position: absolute;
}

.moments {
	left: 1465px; top: 950px; width: 430px; height: 301px; position: absolute;
}

.schliessen {
	text-align: center;
	position: relative;
}

/* Full-width input fields */
input[type=text], input[type=password], input[type=tel], input[type=email], input[type=url] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: none;
  box-sizing: border-box;
  color: white;
  background-color: #282140;
}

.close {
  position: absolute;
  right: 25px;
  top: 10px;
  color: #e79d69;
  font-size: 35px;
  font-weight: bold;
}

.mobclose {
  position: absolute;
  right: 40px;
  top: 30px;
  color: #e79d69;
  font-size: 50px;
  font-weight: bold;
}


.close:hover,
.close:focus,
.mobclose:hover,
.mobclose:focus {
  color: white;
  cursor: pointer;
}

/* kontaktformular dankeschön###########################*/

.thanks {
	position: fixed;
	display: none;
	z-index: 5; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

.thxcont {
	background-color: #1e0d39;
	margin: 15% auto auto auto; /* 5% from the top, 15% from the bottom and centered */
	/*border: 1px solid #e79d69;*/
    padding: 20px;
	width: 30%; /* Could be more or less, depending on screen size */
    text-align: center;
    color: white;
	font-family:'Luxia Regular';
	font-size:2em;
}

/* loginpopup++++++++++++++++++++++++++*/

.loginstyle {
	display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 5; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
  padding-top: 60px;
}

.login-cont {
  background-color: #1e0d39;
  margin: 15% auto auto auto; /* 5% from the top, 15% from the bottom and centered */
  /*border: 1px solid #e79d69;*/
  width: 30%; /* Could be more or less, depending on screen size */
}

.login-cont-mob {
  background-color: #1e0d39;
  margin: 15% auto auto auto; /* 5% from the top, 15% from the bottom and centered */
  /*border: 1px solid #e79d69;*/
	width: 80%; /* Could be more or less, depending on screen size */

  }


.loginentry {
	font-family:'Luxia Regular';
	font-size:2em;
}

/*loginbutton*/
.loginbtn {
  background-color: #e79d69;
  font-family: 'Luxia Regular';
  font-size: 1em;
  color: white;
  padding: 14px 20px;
  margin: 20px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

span.psw {
	float: right;
  padding-top: 16px;
  font-size: 0.5em;
}

.loginbtn:hover {
  opacity: 0.8;
}

/* contactformular desk */

.formstyle {
 display: block; 
  position: absolute;
  left: 0;
  top: 0;
  /*width: 100%; Full width */
  /*height: 100%; /*Full height */
  overflow: auto; /* Enable scroll if needed */
  margin: 10%;
}

.mobformstyle {
 display: block; 
  position: absolute;
  left: 0;
  top: 0;
  /*width: 100%; Full width */
  /*height: 100%; /*Full height */
  overflow: auto; /* Enable scroll if needed */
  margin: 35% 9%;
}

.contact-cont {
  background-color: #1e0d39;
  /*margin: 10% ; /* 5% from the top, 15% from the bottom and centered */
  /*border: 1px solid #e79d69;*/
  /*width: 30%;  Could be more or less, depending on screen size */
}


.conthead {
	width: 100%;
	display: inline-block;
	text-align: center;
	margin-top: 60px;
}



.contact-cont-mob {
  background-color: #1e0d39;
 /* margin: 15% auto auto auto; /* 5% from the top, 15% from the bottom and centered */
  /*border: 1px solid #e79d69;*/
	width: 80%; /* Could be more or less, depending on screen size */

  }


.contactentry {
	font-family:'Luxia Regular';
	font-size:2em;
}

.contactentry input[type=text], input[type=tel], input[type=email], input[type=url] {
	background-color: black;
	height: 3em;	
	font-size: 20px;
}

.request {
	clear: both;
}

.request textarea {
	color: white;
	background-color: black;
	height: 8em;
	resize: none;
	border: none;
	padding: 12px 20px;
	margin: 8px 0;
	box-sizing: border-box;
	width: 100%;
	font-family: Arial, sans serif;
	font-size: 20px;
}

.sendbtn {

  background-color: #e79d69;
  font-family: 'Luxia Regular';
  font-size: 1.5em;
  color: white;
  padding: 14px 20px;
  margin: 10px 0 0;
  border: none;
  cursor: pointer;
  width: 100%;

}

.sendbtn:hover {
  opacity: 0.8;
}

/* Add Zoom Animation */
.anima {
  -webkit-animation: animatezoom 0.4s;
  animation: animatezoom 0.4s
}

@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}
}
  
@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}
}

.leindesk {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	overflow: auto;
	margin: 10%;
}

.leinmob {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	overflow: auto;
	margin: 5% 10% auto;
}

.leindeskcont {
	width: 100%;
	height: 1000px;
	overflow: auto;
	color: white;
	font-size: 1.5em;
}

.leinmobcont {
	width: 100%;
	height: 1200px;
	overflow: auto;
	color: white;
	font-size: 1.5em;
}