/*******************************************************************************/
/* BASIS LAYOUT   */
/******************************************************************************/

html {
overflow-x:hidden;
	
}

html, body {
	height: 100.1%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color:#FFF9E8 !important;
	/*overflow-x:hidden; */
}

header, nav, section, article, aside, footer {
  display: block;
}

#page {
	/*margin-top:100px;  */
}

#header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:60px;
	background-color: #fff;
	z-index:50;
}


.tx-bwrk-onepage-menu.sticky {
  left:initial !important;
  position: relative !important;
  top: initial !important;
  width: 100%;
  z-index: 2 ;
}

#wrap-welcome {
	width:100%;
	height:177px;
	position:relative;
}

#welcome {
	position:absolute;
	right:0;
	width: calc(100% - 300px);
	height:auto;
	overflow:hidden;
	top: 50%;
	transform: translateY(-50%);
}

#logo {
	z-index:25 !important;
	width:240px;
	height:113px;
	position: absolute;
	left: 15px;
	top:92px;
	/*top: 50%;
	transform: translateY(-50%); */

}

#logo img {
	width:auto;
    height: 100% !important;
    margin: 0px;
}

.logohead {
	top:8px !important;
	transform:none !important;
}

#reservationen {
	/* display: none; wird via JS nach dem Umplatzieren wieder aktiviert */
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #A93439;
	font-size: 1.25em;
	line-height: 1em;
	/*transition: all .6s;
    transition-delay: 3s;*/
    cursor: pointer;
    z-index: 10;
}

#reservationen .csc-textpic {
	display: flex;
	flex-direction: row;
}

#reservationen .csc-textpic-imagewrap {
	margin-right: 0 !important;
}

#reservationen p {
	color: #fff;
	margin: 0;
}

#reservationen .csc-textpic-text a {
	display: inline-block;
	color: #fff !important;
	text-decoration: none !important;
	padding: 10px 15px 10px 0px;
}

#reservationen:hover .csc-textpic {
	background: rgba(255,255,255,0.25);
}

#reservationen a:hover {
	background: none !important;
}

#wrap-topbild {
	position:relative;
	width:100%;
	max-height:560px;
}

#topbild {
	position:relative;
	width:100%;
	height:auto;
	overflow:hidden;
	max-height:533px;
}


#topbild figure {
	margin-bottom:0px !important; 
}

#jubi-logo {
	position:absolute;
	top:250px;
	right:50px;
	z-index:10;

}


/*
#tagesmenu {
	position:absolute;
	bottom:25%;
	left:30px;
	width:140px;
	height:140px;
	z-index:5;
}
*/

/* 26.3.2025 */
#tagesmenu {
	position: absolute;
	bottom: 30px;
	left: 0px;
	width: 120px;
	height: 120px;
	z-index: 5;
}


#tagesmenu img {
	width:100% !important;
	height:auto;
}


#takeaway {
	position:absolute;
	top:25%;
	right:-22px;
	width:200px;
	height:auto;
	z-index:5;
}

#takeaway img {
	width:100% !important;
	height:auto;
}

#topbild-text {

	display:none;

	position:absolute;
	text-align:center;
	left: 0;
	width:100%;
	bottom: 0px;
	height:auto;
	overflow:auto;
	background-color: rgba(255,255,255,0.80);
	z-index:5;
	padding:15px;
}

#topbild-text p {
	padding:5px 15px 5px 15px;
}


#topbild-text .csc-header, #topbild-text .h2, #topbild-text p  {
	display:inline-block;
	margin-bottom:0px !important;
}

.anim img {
    overflow: hidden;
    transition-duration: 0.5s;
    transition-property: transform;
}
.anim:hover img {
    transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
}

.anim2 img {
    overflow: visible;
    transition-duration: 0.5s;
    transition-property: transform;
}
.anim2:hover img {
	transform: perspective(600px) rotateY(380deg);
	-webkit-transform: perspective(600px) rotateY(380deg);
}


#openings-today {
	padding:45px 15px 40px 15px; 
	text-align:center !important; 
}

/*
#openings {
	padding:65px 15px 55px 15px; 
	text-align:center !important; 
	
}
	*/

.all-openings {
	padding-top:15px;
	font-size:14px;
}

#offdays > div {
	margin:0 auto;
	max-width:620px; 
}


.section-content {
	padding:0px 0px 0px 0px; 
	position:relative;
}

.section-state2 .section-content {
		padding:0px !important; 
}

#section-id-8 {
	margin-top:60px;
	position:relative;
}

#section-id-2 .section-content, #section-id-5 .section-content {
	background-color:#A93439 !important; 
}

#section-id-3 .section-content {
	
}

#section-id-14, #section-id-11 {
	background-color:#111;
}

#section-id-14 .center-text, #section-id-4 .center-text, #section-id-5 .center-text  {
	padding:60px 80px 40px 80px !important;
}


.ltext {
	display:block;
	padding:50px 30px 50px 50px !important; 
}

.rtext {
	padding:50px 50px 20px 30px !important; 
}

.lpic {
	padding:0px 0px 0px 15px !important;
}

.rpic {
	padding:0px 15px 0px 0px !important;
}

.rpic div, .lpic div {
	height:100%;
}

.pic img {
	height: auto;
    width: 100%; 
}
.fullpic img {
	height: auto;
    width: 100% !important; 
}


.fluegel {
	padding-top:30px; 
	width:100%;
	 height:100%;

	background-image:url('/fileadmin/user_upload/Dokumente/Bilder/Diverse/engel_fluegel.png'); 
	background-repeat:no-repeat;
	background-position:right bottom;
	/*-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain; */
	background-size: 90% 90%;
	position:relative;
}

.menukarte {
	padding-top:25px; 
	display:block;
	height:auto;
}



.menucontainer {}

.tartar {
	width:100%;
	 height:100%;
	background-image:url('/fileadmin/user_upload/Dokumente/Bilder/Diverse/tartar.jpg'); 
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
}


.zimmer {
	width:100%;
	 height:100%;
	background-image:url('/fileadmin/user_upload/Dokumente/Bilder/Diverse/zimmer.jpg'); 
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
}



/* Fuzsszeile */

#phone { display:none; }


a.backtotop {
    background-color: #A93439; 
    border-radius: 200px 200px 200px 200px;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.4);
    color: #FFFFFF;
    display: none;
    height: 40px;
    width: 40px;
    padding: 5px;
	padding-top: 2px;
    position: fixed;
    right: 20px;
    bottom: 35px;
	z-index:100;
}

a.backtotop img {
	padding:0px 1px 0px 0px !important;
	margin-top:7px !important;
  height: auto;
  max-width: 100%;
  width: 100%;
}



#meguralink {
margin-top:20px; 
 /* bottom: 0;
  left: 0;
  padding-bottom: 0em;
  position: absolute;
  text-align: left !important; */
}





/* Helper classes  */
.container {
	position:relative !important;
	max-width:980px !important;
}

.center-text { text-align:center; }
.center-element { margin:0 auto;  }


#page .row img {
	/*height: auto;
    max-width: 100% !important; */
}


div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom: 0px !important;
}



/* Magnific Popup */
.mfp-zoom-out-cur {
	padding-right:15px !important;
}

.mfp-container {
 cursor:auto;
}

button.mfp-close, button.mfp-arrow {
	cursor:pointer !important;  
	font-size:36px;
}

img.mfp-img {
 cursor:auto !important; 
}
.white-popup-block {
	background-color:#FFF9E8 !important;
}

/* Flexslider */
.flexslider {
  border:none !important;
  box-shadow:none !important;
  margin-bottom:0px !important;
}

.tx-ws-flexslider .caption-wrapper {
	display:none !important;
	height:0px !important; 
}

.flexslider .slides > li {
	display: block !important;
}


/*******************************************************************************/
/* INHALTSSEITEN   */
/******************************************************************************/
/* Bildergalerie */
.gallery  .csc-textpic-imagerow {
	display:none;
}

.gallery .csc-textpic-imagerow:first-child {
	display:block;
}

.openings {
	width:100%;
}



/*******************************************************************************/
/* NAVIGTION   Desktop */  
/*******************************************************************************/
#navigation { position: relative;  background-color:none; z-index:500; overflow:visible; height:auto;}
#menu { float:right; margin-top:10px; }
#menu li {background:transparent;position:relative;float:left;display:block;white-space:nowrap;  /* padding:5px 0px 5px 0px; */ }

#menu a {
	background:transparent;
	line-height:38px;
	padding:0px 0px 0px 35px;
	text-decoration:none !important;
	display:block;
	height:auto;
	width:auto;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight:400;
	letter-spacing:1px; 
	color:#111;
	text-align:left;
	text-transform:uppercase;
}

#menu a:hover { color:#A93439 !important; }
#menu a.active { color:#A93439 !important;  }


#menu li.act > a { color:#A93439 !important; }
#menu li.act li a { color:#333; } 
#menu li:last-child { display:none;}

/*fertig nav*/

/* ############################################################################################*/