@charset "ISO-8859-2";
/* CSS Document */
:root{
--FarbeBg01:#CCC;  /*Hintergrund allgemein*/
--FarbeBg02:#CCC;  /*Hintergrund z.B. für eingeblendete Layer*/
--FarbeBut01:#0c4e7e;  /*Button Farbe z.B. Hauptemnü*/
--FarbeBut02:#F00;  /*Button Farbe z.B. Hauptemnü*/
--FontCol01:#000; /*Schriftfarbe allgemein */
--FontCol02:#FFFFFF; /*Schriftfarbe z.B. für Beschriftung Buttons im Hauptmenü */
}

body, html{
	height:100%;
    margin:  0px auto;
    padding: 0px auto;
	background-color:var(--FarbeBg01);
	font-family:Verdana, Geneva, sans-serif;	
	
}

body{
	color:var(--FontCol01);
	font-size:24px;	
}

button{
	height: 60px;
	font-size:32px;
	padding: 10px 15px 10px 15px;
}

/*umgibt die komplette app*/
#wrapper {
	width:100%;
    height: auto; 
    min-height:100%;
    margin: 0px auto;
    padding:0px auto;
}


/* allgemeiner Layer, der nach Bedarf über jquery gefüllt*/
#layer_InfoAllgemein{
	background-color:#CCC;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:10;
	visibility:hidden;
	display:none;
	overflow:hidden;
}

/*Liste mit den Stationen (Küche, Schank, ... und Druckfunktion)*/
#layer_system {
	position:absolute;
	left:0px;
	top:0px;
	width:640px;
	min-height:100%;
	z-index:9500;
	overflow:hidden;
	background-color:var(--FarbeBg02);
	display:none;
	visibility:hidden;
	padding-top:5px;
	padding-left:5px;
	padding-right:10px;
	padding-bottom:5px;

}

/*Tische des Users für einen neuen Bestellvorgang*/
#layer_tische_user_neuebestellung {
	position:absolute;
	left:0px;
	top:0px;
	width:640px;
	height:100%;
	z-index:600;
	overflow:hidden;
	background-color:#CCC;
	display:none;
	visibility:hidden;
	padding-top:5px;
	padding-left:5px;
	padding-right:10px;
	padding-bottom:5px;

}

#navigation_startseite {
	position:absolute;
	left:0px;
	top:0px;
	width:inherit;
	height:auto;
	z-index:1;
	text-align:center;
}

li{
	padding:0px;
	margin:8px;
}

/*Buttons*/
.btn_hauptmenu01, .ButtonCloseBig {
  background: var(--FarbeBut01);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: var(--FontCol02);
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  
	height:85px;
	width:80%;
	font-size:36px;
	font-weight:bold;
	margin: 5px 0px 5px 0px;
}

/* Hilfsklassen für Media Query */

.mode_smartphone{
	display:none;
	visibility:hidden;
	position:relative;
}

.mode_tablet{
	display:none;
	visibility:hidden;
	position:relative;	
}
.mode_desktop{
	display:block;
	visibility:visible;
	position:relative;	
}


div#autologin_time_info{
	padding:5px 0px 5px 0px;
	margin: 0px 10px 0px 10px;
	border: 1px solid green;
}