:root {
	--main-background: transparent;
	--progress-background: #b3926f;
	--footer-background: #b3926f;
	--header-footer-background: #b3926f;
	--font-color: #666;
	--headline: #333;
	--progress: #fff;
	--inactive: #b3926f;
	--active: #333;
	--inactive-font: #fff;
	--active-font: #fff;
	--input-background: #ece3db;
	--input-background-light: #ece3db;
	--border-radius: 2px;
	--border-color: #d1bda9 ;
	--location-color: #bb0000;
	--clock-hour-fill: #ece3db;
	--clock-minute-fill: #ece3db;
	--unselectable-background: #ece3db;
  	--unselectable-font: #d1bda9;
	--clock-net: #d1bda9;
	--navigation-color: #bb0000;
}


a {
	color: #bb0000;
}

.buttongroup a svg {
    color: #333;
}

.headline.min {
	background-color: #fff;
}

.headline.max small.powered-by {
	color: #2d2a28;
}

#reservation-done,
#reservation-fail,
#reservation-fail-cc,
.reservation-page {
	background-color: #fff;
}

.progress {
	border-color: #fff !important
}

.progress.inactive:not(.active) {
    background-color: #d9c8b7 !important;
}

.progress.active {
    background-color: #fff !important;
}

@media (max-width: 480px) {
  
.headline {
	color: #fff;
  font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
}
  
.progress {
    background-color: #bb9d7e !important;
}
  
  .buttongroup a svg {
    color: #fff;
}
  
}

.person-count {
	border: none;
}

.labeled-field input[type=radio]:not(:checked)+label.radio,
.labeled-field select,
.labeled-field textarea {
	border: none;
  	background-color: #f6f1ed;
}

.labeled-field input {
	border: none;
  	background-color: #f6f1ed;
}


.overlay {
	background-color: rgba(236, 227, 219, 0.98);
   color: #666;
   border-radius: 2px;
   box-shadow: 4px 4px 0px rgba(45, 42, 40, 0.3) !important;
}

#customer-overlay a {
    color: #ba0100;
}

#menu-overlay, #room-table-overlay{
   background-color: rgba(236, 227, 219, 0.98);
   color: #666;
   border-radius: 2px;
   box-shadow: 4px 4px 0px rgba(45, 42, 40, 0.3) !important;
}

#room-table-overlay > div p.room-selection:not(:last-child) {
    border-right: 0px;
}

#menu-selection .value {
    background-color: #b3926f;
    color: #fff;
    border: none;
}

#menu-selection .change {
    color: #b3926f;
}


.childchair-count  {
    border: none;
}

#footer button {
	--stroke: #d9c8b7;
}

body {
    font-family: 'Assistant', Helvetica, Arial, Lucida, sans-serif;
  }

.reservation-tile header legend {
    font-family: 'Vollkorn', Times, serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 12pt;
  }

.ui-datepicker-title {
    font-size: 12pt;
    }

.quit {
    --fill: #ba0100;
    --stroke: #fff;
}

.highlight {
    color: #bb0000 !important;
}

#required-text::before { 
  background-color: #bb0000;
}

.labeled-field.required::before { 
  background-color: #bb0000;
}


#footer .navigate {
  border: 1px solid #d9c8b7;
}


#footer .navigate:not(.active) {
    background-color: transparent;
    color: #d9c8b7;
}

#footer .navigate.active {
    background-color: #333 !important;
    color: #fff !important;
}

.progress-overview {
    box-shadow: 0px 10px 5px grey;
}

#progress-overview p {
    color: #fff;
}

#room-table-overlay span {
    color: #666;
}

#room-table-overlay input[type="radio"]:disabled + label {
    background-color: transparent !important;
    border: 1px solid #d1bda9;
    color: #d1bda9;
}

.headline.min {
    background-color: #b3926f;
}

.headline.max {
    color: #333;
}

.ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default:not(.ui-state-active) {
    background: #fff !important;
    color: #d1bda9 !important;
    border: 1px solid #d1bda9 !important;
}

#time {
    color: #333 !important;
  font-weight: bold !important;
}

#timebg {
	fill: #fff;
}

#clock text {
    pointer-events: none;
    user-select: none;
    fill: #d1bda9;
}

.buttongroup {
    --stroke: #fff!important;
    --fill:#b3926f;
}

.headline.max span b {
    color: #bb0000;
}

.corona-header {
    background-color: #bb0000;
}

#widget-info-overlay button {
    background-color: #bb0000 !important;
    border: none !important;
}

#widget-info-overlay {
	background-color: rgba(236, 227, 219, 0.98) !important;
   color: #666 !important;
   border-radius: 2px !important;
   box-shadow: 4px 4px 0px rgba(45, 42, 40, 0.3) !important;
}