/* ###################################### */
/* 	  	Ambrosia / menu.css 		      */
/* 		Styles für Speisekarte 		   	  */
/* ###################################### */ 


.Page-container 	{ display:-webkit-flex; display:flex; -webkit-flex-flow:wrap; flex-flow:wrap;
                      padding:5px; background:#f8f8f7; }

.Page				{ -webkit-flex:1 100%; flex:1 100%; box-sizing:border-box;
						  position:relative; margin:5px 3px; padding:20px 3%;
						  border:1px solid #aaa; box-shadow: 6px 6px 4px #888; min-width:320px; }
				  
.Page ul  			{ float:left; width:100%; padding-bottom:5px; }
.Page li  			{ float:left; letter-spacing:0; color:#231f20; list-style:none; }

.L, .M, .R			{ display:inline; }
.L, .R				{ text-align:right; vertical-align:top; font-weight:bold; }

.L 					{ width:10%; }
.M 					{ width:64%; text-align:left; padding:0 10px 4px 10px; }
.R 					{ width:18%; }

.hoch 				{ font-size:60%; font-weight:normal; vertical-align:top; }	/* hochgestellter Text */
.serif				{ font-family:"Times New Roman", serif; color:#555; }
   
.Page .text 		{ width:92%; margin-left:5%; text-align:justify; padding-bottom:20px; }

.PageNr				{ color:#851c20; }

#seite_1			{ text-align:center; }
#seite_1 img	  	{ width:50%; margin-top:2em; border:1px solid #eec591; box-shadow: 4px 4px 4px #aaa; }

.kali-orexi			{ margin-top:40px; text-align:center; color:#444; }


/* *********************** Bildschirmgröße ********************** */


@media only screen and (max-width: 762px) {

    p, li, a			{ font-size:100%; }
    .Ringordner 		{ display:none; }
}

@media only screen and (min-width:763px) {

	.Page				{ -webkit-flex:1 49%; flex:1 49%; }
	.Schatten 			{ background: linear-gradient(-90deg, #b5b5b5, #f8f8f7 20%, #f8f8f7 80%); }				  	  
	.Schatten_r			{ background: linear-gradient( 90deg, #b5b5b5, #f8f8f7 20%, #f8f8f7 80%); }
	.Ringordner 		{ position:absolute; top:15px; right:-22px; width:36px; height:97%; 
	                      background:transparent url('../img/ring.png') repeat-y; z-index:100; }
}