:root {
	--main-background: transparent;
	--header-background: #efeee9;
	--progress-background: #efeee9;
	--footer-background: #efeee9;
	--unselectable-background: #e6e2dc;
	--inactive: #ac9d89;
  
	--active: #96826a;
	--font-color: #3c341f;
	--input-background: #e6e2dc;
	--input-background-light: #be9f56;
	--inactive-font: #efeee9;
	--active-font: #efeee9;
	--border-radius: 0;
	--unselectable-font: #cdc4b8;
	--clock-hour-fill: #e6e2dc;
	--clock-minute-fill: #e6e2dc;
	--clock-net: #bdb1a1;
	--headline: #3c341f;
	--headline-second: #3c341f;
	--navigation-color: #be9f56;
	--required: #d04340;
	--customer-new-background: #98846c;
}

#reservation-done,
#reservation-fail,
.reservation-page {
	background-color: #efeee9
}

#timebg {
	fill: #be9f56
}

.reservation-tile header legend {
	color: #be9f56!important
}

.overlay {
	--active: #ac9d89;;
	border-radius: 0;
	box-shadow: 3px 3px 5px #aaa
}

#save-globally~label {
	--background: #cdc4b8;
}

.close-store.quit {
	--fill: #cdc4b8;
}

#menu-frame .highlight,
#menu-overlay .thead,
#menu-selection .description {
	color: var(--active-font);
}
#main #widget-info-overlay { background-color: #efeee9; border: solid 2px   var(--active); color: var(--font-color);} /* Info-Overlay Hintergrund + Kontur */
#main #widget-info-overlay .corona-header { background-color:  var(--active); color: #fff; } /* Info-Overlay Header und Schriftfarbe */