html { font-size:10px; }


p, h1, h2, h3, h4  { margin:0; padding:0; border:0; font-weight:normal; font:inherit; vertical-align:baseline; color:#1a1a19;}
p {}
h1  { font-size:125%; line-height:2.5rem;  margin:.2rem 0 .2rem 0; margin-bottom:1rem; }
h2  { font-size:110%; line-height:2rem; }
h1, h2  {  }

body {
	width:100%;
	max-width:1000px;
	margin:0 auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size:1.3rem;
	color:#fff;
	background-color: #fff;	
	
}


a  { text-decoration:none; color:#7a6867; font-weight:normal;  }
a:visited  { color:#7a6867; }
a:hover  { color:#cd492e; }

#framing  {
 position:relative;width:100%; max-width:1000px; padding:0 0 0 0;
  background-color:#fff;   
}

header {
	width:100%;
	max-width:1000px;
	background-image: url(pics/backround-header.png);
	height:auto;
	background-position: 0px bottom;
	background-repeat:no-repeat;
}

.logo-header {text-align:center; padding-bottom:3rem; padding-top:3rem;}
.logo-header img{width:90%; max-width:315px; height:auto;}





/* header bereich------------------------------------------------------*/
.menu-button {display:none;}


.main-menu  {
	text-align:center;
	clear:both;
	width:100%;
	
}

.main-menu li a  {color:#015b19; }
.main-menu li a:hover  { color:#2e2514; }

.main-menu ul  { margin:1rem 0 0 0;  padding-left:1rem;  font-size:100%;  line-height:3rem; }
.main-menu li  {list-style:none; display:inline; margin:0; padding:0 0rem 0rem 2rem; border-left:1px solid #641504; }

.menu-adicional { text-align:center;clear:both; padding-top:1rem;}
.menu-adicional ul  {   margin:1rem 0 0 0; padding-left:1rem;  font-size:100%;  line-height:3rem; }
.menu-adicional li  {list-style:none; display:inline; margin:0; padding:0.7rem; border:1px solid #641504; }



/* content ------------------------------------------------------*/


#content  {  width:90%; margin-top:1.5rem; padding-top:0; padding:10px 0 0 5%; font-size:100%;}


.content-table {
	display:table; padding-bottom:1%;

	}

.content-table img{width:100%; height:auto; }
.contnent-row {	display:table-row; background-color: #ddd0b1;}
.contnent-row-events {	display:table-row; }
.content-cell {	display:table-cell; width:50%; vertical-align: top;  }
.content-cell-text {	display:table-cell; padding:2%;  width:48%; vertical-align: top; }
.content-cell-text-events {	display:table-cell;   width:48%; vertical-align: top;   }
.linea-divisora {	border-bottom: 1px solid #641504; margin-bottom:10px; width:100%; }*/
.content-cell img{width:100%; height:auto; }

/* liste menu seelscheid*/

.speisen {color: 000;}
.speisen ul  { margin:0 0 0 0;  padding-left:1rem;  font-size:100%;  line-height:2rem; font-weight: bold;}
.speisen li  { margin:0; padding:1rem 0rem 0rem 2rem; border-left:1px solid #641504;color: 000; }


/* content alle seiten footer------------------------------------------------------*/
#footer {font-size:75%; margin-left:5%;}
.fuego {
	width:97%;
	background-image: url(pics/backround-header.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size:auto;
	padding-bottom:3%;
	margin-bottom:2%;
}
.fuego img{ width:100%; height:auto;}



/*++++++++++++++++++++++++++++++++++++++++++++++RESPONSIVE++++++++++++++++++++++++++++++++++++++++++*/
@media all and  (min-width: 750px) and  (max-width: 1190px) {}

@media all and  (max-width: 749px) {
	

	
	header {
	height:auto;
	background-position: 0px 230px;
}

#content  {  width:90%; margin-top:1.5rem; padding-top:0; padding:10px 0 0 5%; }

.content-table {display:block; padding-bottom:1%;}

.contnent-row {	display:block; background-color: #ddd0b1;}
.contnent-row-events {	display:block; }
	
.content-cell {display:block; padding:0 0rem 3rem 1%; width:98%;}
.content-cell-text {display:block;  width:98%;}
.content-cell-text-events {	display:block;   width:98%; vertical-align: top;   }

	}