/* css document */

/* merienda-regular - latin */
@font-face {
  font-family: 'Sansita Swashed';
  font-style: cursive;
  font-weight: 400;
  padding: 2em;
  src: url('../fonts/SansitaSwashed-VariableFont_wght.ttf');
}







* {
	margin: 0;
	padding: 0;
	/*border: solid 1px red;*/
}
h1 {
	font-size:1.6em;
	margin: 1.8em 0 1em;
	color: #EFA546;/*orange*/	
	color: #6C5924;/*dunkelbraun*/
	color: #402000;/*dunkelgrau*/
	color: #7b2f2f;/*weinrot*/	
	text-align: center;
	text-transform: uppercase;
	letter-spacing:.2em;
}
h2 {
	font-size:1.3em;
	margin: 1em 0 1em;
	color: #8C603C;/*mittelbraun*/
	color: #000;
	color: #6C5924;/*dunkelbraun*/
	color: #4e5b60; /*grau*/
}
h3 {
	font-size:1.1em;
	margin: 1em 0 .2em;
    color: #000;
	color: #8C603C;/*mittelbraun*/
	color: #4e5b60; /*grau*/
}
h4 {
	font-size:1em;
	font-style:italic;
}
h5 {
	font-size:1em;
	font-weight:normal;
}
.block {
	text-align:justify;
}
.center {
	text-align: center;
}
.absatz {
	padding-top: .5em;
}
.kursiv {
	font-style: italic;
}
.nbr {
	white-space:nowrap;
}



a:link,a:visited,a:active,a:focus {
	text-decoration:none;
	color: #7b2f2f; /*weinrot*/
}
a:hover {
	text-decoration:none;
	color: #4e5b60; /*grau*/
}


.info {
  font-size: 1.2em;
  width: 98%;
  float: left;
  background: #fff;
  text-align: center;
  line-height: 1.5em;
  padding: 1%;
  color: red;
  color: #7b2f2f;/*weinrot*/
}
.infolink {
  font-size: 1em;
  color: #4e5b60; /*grau*/
}
.infolink a {
  color: #4e5b60; /*grau*/
}
.infolink a:hover {
  color: #7b2f2f; /*weinrot*/
}


html {
 	background: url('../images/img_bg-page.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	/*font-family: Verdana, Geneva, sans-serif;
	font-family: MS Sans Serif, Geneva, sans-serif;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;*/
    font-family: 'Sansita Swashed', cursive;
	z-index: -1000;
}
body {
	width:100.01%;
	color: #222222;
	color: #6C5924;/*dunkelbraun*/	
	color: #A38536;/*hellbraun*/	
	color: #4e5b60; /*grau*/    
	z-index: -1100;
}
#wrapper {
	position: relative;
	min-height: 100%;
	margin: auto;
}
#teil1,
#teil2,
#teil3 {
	background: rgba(255,255,255,0.7);
	float: left;
	margin: auto;
	height: 100%;
	width: 100%;
	min-width: 320px;
}
#teil1 {
	margin-top: 2em;
}
#bereich1 {
	background: #7b2f2f; /*weinrot*/	
	color: #fff;
	float: left;
	position: relative;
	top: 0;
	z-index: 900;
	width: 100%;
	/*border: 1px solid white;*/
}
#bereich1 .moduletable_logo {
	position: relative;
	top: 0;
	left: 0;
	z-index: 850;
	height: 250px;
	margin: 11px;
}
#bereich1 .custom_logo {
	background-image: url(../images/img-logo.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	height: 250px;
}
#bereich1 .blindlink a:link,
#bereich1 .blindlink a:visited {
	float: left;
	position: relative;
	top: 0;
	left: 0;
	min-height: 100%;
	z-index: 1000;
	height: 250px;
	width: 100%;
	/*border: 1px solid red;*/
}
#bereich1 .moduletable_ueberschrift {
	float: left;
	position: relative;
	top: -6em;
	top: 0;
	/*left: 28em;*/
	left: 0;
	text-align: left;
	margin: 1em;
}


#bereich1 .moduletable_oeffnungszeiten {
	float: left;
	position: relative;
	top: -15em;
	top: 0;
	left: 0;
	/*right: 2em;*/	
	text-align: left;
	margin: 1em;
}


#bereich1 .custom_ueberschrift {
	font-size: 1.6em;
	letter-spacing: 0.2em;
}


#bereich1 .moduletable_hamburgerbutton {
	position: relative;
	width: 100%;
	text-align: right;
	z-index: 1200;
	top: 0;
	right: 0;
	/*border: 1px solid pink;*/
}

#bereich1 .moduletable_hamburgerbutton h3 {
	display: inline;
	float: left;
	margin: 1.8em 0 0 62em;
	color: #FFECC6; /*dunkel beige*/
}

#bereich1 .custom_hamburgerbutton {
	position: relative;
	width: 3.4em;
	right: 0;
	float: right;
	top: 5em;
	top: 4.7em;
	top: 3.7em;
	right: 1em;
}



#bereich2 {
	height: 0;
	float: right;
}

#bereich2 #hamburgerrahmen {
	position: relative;
	top: 0;
	right: 0;
	/*margin: auto;*/	
	/*border: 1px solid green;*/
}
#bereich2 #menutop {
	position: absolute;
	position: relative;
	top: 5.45em;
    top: 4.65em;
	top: 17em;
	top: 0;
	right: 0;
	/*display: none;*/	
	transition: all ease .5s;
	width: 0;
	width: 16.5em;
	height: 0;
	overflow-x: hidden;
	overflow-y: hidden;
	z-index: 5000;
}
#bereich2 .moduletable_menu .nav {
	/*width: 100%;*/	
	float: right;
	background: #6C5924;	/*dunkelbraun*/		
	background: #7b2f2f; /*weinrot*/	
	z-index: 5000;
}
#bereich2 .moduletable_menu li {
	list-style:none;
	display:block;
	margin: .1em 0;
}
#bereich2 .moduletable_menu ul.nav li a:link,
#bereich2 .moduletable_menu ul.nav li a:visited {
	display: block;
	/*padding: .8em 2em;*/	
	padding: 0 2em;
	line-height: 3.2em;
    color: #FFECC6; /*dunkel beige*/	
	color: #FFF; /*weiss*/	
	text-shadow:3px 3px 3px rgba(155,100,55,0.2);
	white-space:nowrap;
	text-decoration: none;
}
#bereich2 .moduletable_menu ul.nav li:first-child {
	margin-top: 0;
}
#bereich2 .moduletable_menu ul.nav li a:hover,
#bereich2 .moduletable_menu ul.nav li a:active,
#bereich2 .moduletable_menu ul.nav li a:focus,
#bereich2 .moduletable_menu ul.nav li.active a {
	color: #FFF; /*weiss*/	
	color: #FFF7DF; /*hell beige*/	
	color: #FFF; /*weiss*/	
	background: #A38536;/*hellbraun*/	
	background: #4e5b60; /*grau*/
}
#bereich2 .moduletable_menu ul.nav-child li:first-child {
	margin-top: .1em;
}
#bereich2 .moduletable_menu ul.nav-child li a:link,
#bereich2 .moduletable_menu ul.nav-child li a:visited {
	display: block;
	padding: .6em 0 .6em 4em;
    color: #FFECC6; /*dunkel beige*/	
	color: 	text-shadow:3px 3px 3px rgba(155,100,55,0.2);
	white-space:nowrap;
	background: #6C5924; /*dunkelbraun*/	
}
#bereich2 .moduletable_menu ul.nav-child li a:hover,
#bereich2 .moduletable_menu ul.nav-child li a:active,
#bereich2 .moduletable_menu ul.nav-child li a:focus,
#bereich2 .moduletable_menu ul.nav-child li.active a {
	color: #FFF; /*weiss*/	
	color: #FFF7DF; /*hell beige*/	
	background: #A38536; /*hellbraun*/	
	background: #4e5b60; /*grau*/
}
#bereich5 {
	/*background: #FFF7DF; /*hell beige*/	
	float: left;
	min-height: 28em;
	min-height: 10em;
	z-index: 800;
	width: 96%;
	margin: 2% 2% 0;
}
#bereich5 .starttext {
	font-size: 1.2em;
	margin: .4em;
}
/*speisekarte*/
#bereich5 .kategorietext {
	font-size: 1.2em;
	margin: 2%;
}
#bereich5 #kat-speisen,
#bereich5 #kat-wein {
	width: 80%;
	margin: 0 10% 2em;
	font-size: 1.2em;
	text-align: justify;
}
/*#bereich5 .speisekarte div {
	padding: 1.5em 0 0;
	float: left;
	text-align: center;
	text-align: left;
		width: 100%;
}
*/
#bereich5 .speisekarte,
#bereich5 .weinkarte {
	background: #FFF;
	float: left;
	border: 1px solid #7b2f2f; /*weinrot*/	
	-webkit-box-shadow: 7px 7px 25px -9px rgba(0,0,0,0.5);
	-moz-box-shadow: 7px 7px 25px -9px rgba(0,0,0,0.5);
	box-shadow: 7px 7px 25px -9px rgba(0,0,0,0.5);
	width: 96%;
	margin: 2%;
}

#bereich5 #bg-weihnachten {
	background: #FFF url('../images/img_weihnachten.png') top right no-repeat;
}
#bereich5 #bg-silvester {
	background: #FFF url('../images/img_silvester.png') top right no-repeat;
  	background-size: 100px;
}

#bereich5 .speisekarte div {
	margin: auto;
	text-align: center;
	text-align: left;
	}
#bereich5 .speisekarte h2,
#bereich5 .weinkarte h2 {
	text-align: center;
}
/* speisekarte anzeigen */
#bereich5 .an {
	display: block;
}
#bereich5 .aus {
	display: none;
}
#bereich5 .kat-img {
	float: right;
	/*margin: -4em 8% 0 3em;*/
}
#bereich5 .speisekarte p,
#bereich5 .weinkarte p,
#bereich5 .erecht24 {
	/*color: #222;*/	
	margin: 0 5%;
}
#bereich5 .speisekarte h2 {
	color: #7b2f2f; /*weinrot*/	
	font-weight: bold;
	/*padding: 1em 0 0.3em;*/	
	letter-spacing:.1em;
	/*text-transform: uppercase;*/
}
#bereich5 p.zeit,
#bereich5 p.hinweis {
	text-align: center;
	margin-bottom: 1.3em;
}
#bereich5 .speisekarte p.info {
	color: #8C603C;/*mittelbraun*/	
	color: #7b2f2f; /*weinrot*/	
	text-decoration:underline;
	letter-spacing:.2em;
	text-transform: uppercase;
	padding: 3em 0 .5em;
}
#bereich5 .speisekarte p.m0 {
	padding-bottom: 1.5em;
}
#bereich5 .speisekarte p.m1,
#bereich5 .speisekarte p.m2b,
#bereich5 .speisekarte p.m3 {
	font-weight: bold;
	/*margin-left: 8%;*/
}
#bereich5 .speisekarte p.m1 {
	/*background: lime;*/	
	clear: left;
	clear: right;
}
#bereich5 .speisekarte p.m2,
#bereich5 .speisekarte p.m2b {
	/*background: yellow;*/	
	/*margin-left: 8%;*/		
	color: #4e5b60; /*grau*/	
	/*width: 66%;*/	
	padding-bottom: 2em;
	padding-bottom: 1em;
	/*margin: 1em;*/
}
#bereich5 .speisekarte p.m3 {
	/*background: pink;*/	
	float: right;	
	white-space:nowrap;
	/*margin-right: 7%;*/
}
#bereich5 #text1,
#bereich5 #text2,
#bereich5 #text3,
#bereich5 #text4,
#bereich5 #text11,
#bereich5 #text12,
#bereich5 #text13,
#bereich5 #text14,
#bereich5 #text15
{
	display:none;
}
#bereich5 .weinkarte h2 {
	color: #7b2f2f; /*weinrot*/	
	font-weight: bold;
	letter-spacing:.1em;
	padding: .17em;
}
#bereich5 .weinkarte h3 {
	margin-left: 1em;
 	color: #7b2f2f; /*weinrot*/	
}
#bereich5 .weinkarte p {
	text-align: left;
	/*margin: 0 2.5%;*/
	margin: 0 2.5% 0.5em;/*19.09.2021 wegen kleinerer Schrift geändert*/
}
#bereich5 .zeile {
	float: left;
	width: 100%;
}
#bereich5 .imgflasche {
	float: left;
	height: 140px;
}
#bereich5 .imgflasche img {
	height: 100%;
}
#bereich5 .weinkarte .p1, .p3 {
	margin: 0 0.8em 0 1.8em;
	white-space:nowrap;
}
#bereich5 .weinkarte .w1, .p2, .p4 {
	font-weight: bold;
}
#bereich5 .weinkarte .p2, .p4 {
	white-space:nowrap;
}
#bereich5 .weinkarte .w5 {
	float: right;
	text-align: right;
	width: 92%;
	margin-bottom: 1.5em;
}

#bereich5 p.kennzeichnung {
	margin: 2em 5%;
}
#bereich5 .item-page_kontakt {
	text-align: left;
	min-height: 10em;
	width: 100%;
}
#bereich5 .item-page_kontakt .kontakt{
	margin: 0 0 2em 1em;
	float: left;
}
/*google-map*/
#bereich5 .moduletable_googlemap {
	margin: 3em 1em 0;
	padding: 0;
}
/* erecht24 */
#bereich5 strong {
	margin: .5em 0;
	display:block;
 }
 #bereich5 ul {
	margin: .5em 0;
}
 #bereich5 li {
	margin-left: 1em;
}
 #bereich5 .erecht24 p {
	padding-bottom: .5em;
}
#bereich7 {
	position: relative;
	top: 0;
	background: #fff; /*weiß*/	
	float: left;
	width: 100%;
	margin: 2em 0 2.5em;
}
#bereich7 .moduletable_bildbox a:hover {
	border: 4px solid gray;
}
#bereich7 .moduletable_bildbox a:hover span {
	color: #7b2f2f; /*weinrot*/	
	color: #2a2a2a; /*dunkelgrau*/
}
#bereich7 .moduletable_bildbox-ambiente a,
#bereich7 .moduletable_bildbox-speisekarte a,
#bereich7 .moduletable_bildbox-weinkarte a {
	border: 4px solid silver;
	color: #FFF;
	float: left;
	margin: .55em;
	position: relative;
	top: 0;
	left: 0;
	height: 250px;
	width: 92%;
}
#bereich7 .custom_bildbox-ambiente a {
	background-image: url(../images/img-ambiente.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: auto 100%;
	/*height: 250px;*/
}
#bereich7 .custom_bildbox-speisekarte a {
	background-image: url(../images/img-speisen.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: auto 100%;
	height: 250px;
}
#bereich7 .custom_bildbox-weinkarte a {
	background-image: url(../images/img-getraenke.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: auto 100%;
	height: 250px;
}
#bereich7 .moduletable_bildbox-ambiente span,
#bereich7 .moduletable_bildbox-speisekarte span,
#bereich7 .moduletable_bildbox-weinkarte span {
	background: rgba(125,125,125,0.8);
	color: #fff;
	display: block;
	float: right;
	height: 50px;
	width: 200px;
	font-size: 1.7em;
	font-style: italic;
	font-weight: bold;
	line-height: 2em;
	text-align: center;
}
#bereich7 .moduletable_bildbox-ambiente a:hover,
#bereich7 .moduletable_bildbox-speisekarte a:hover,
#bereich7 .moduletable_bildbox-weinkarte a:hover {
	border: 4px solid gray;
	}
#bereich7 .moduletable_bildbox-ambiente a:hover span,
#bereich7 .moduletable_bildbox-speisekarte a:hover span,
#bereich7 .moduletable_bildbox-weinkarte a:hover span {
	color: #2a2a2a; /*dunkelgrau*/
}
#bereich8 {
	float: left;
	position: relative;
	top: 0;
	background: #4e5b60; /*grau*/	
	width: 100%;
	height: 3.125em;
	text-align: left;
	z-index: 1400;
}
#bereich8 .moduletable_menubottom ul {
	list-style:none;
  	margin: .9em 0 1em 1em;
}
#bereich8 .moduletable_menubottom li {
	color: silver;
	color: #fff;
	display: inline;
  	margin: 0 0 0 0;
}
#bereich8 .moduletable_menubottom a:link,
#bereich8 .moduletable_menubottom a:visited {
	font-size: .8em;
	color: silver;
	color: #fff;
	padding: .2em 0;
	text-decoration: none;
}
#bereich8 .moduletable_menubottom a:hover,
#bereich8 .moduletable_menubottom a:active,
#bereich8 .moduletable_menubottom a:focus {
	color: #fff;
	color: silver;
}
#bereich8 .moduletable_fb-button {
	float: right;
	margin: -2.65em .2em 0 0;
}
#bereich8 .moduletable_fb-button figure {
	float: left;
}
/*  #teil1 {
	background: red;
}
#bereich1 {
	background: salmon;
}
#bereich2 {
	background: darkred;
}
#teil2 {
	background: yellow;
}
#bereich4 {
	background: chocolate;
}
#bereich5 {
	background: orange;
}
#bereich6 {
	background: darkorange;
}
#teil3 {
	background: green;
}
#bereich7 {
	background: blue;
}
#bereich8 {
	background: brown;
}
 */