:root {
	--main-background: #eceaea;
	--header-background: #3c4b82;
	--footer-background: #3c4b82;
	--progress-background: #3c4b82;
	--active: #3c4b82;
	--headline: #fff;
	--inactive: #8a93b4;
	--unselectable-background: #cccccc;
	--progress: #fff;
	--active-font: #fff;
	--inactive-font: #fff;
	--unselectable-font: #999999;
	--font-color: #525252;
	--border-radius: 2px;
	--default-input-background-light: #3c4b82;
	--input-background: #cccccc;
	--clock-hour-fill: #cccccc;
	--clock-minute-fill: #cccccc;
	--clock-net: #757575;
	--border-color: #999999;
	--navigation-color: #fff;
	--customer-new-background: #a6acc2;
}
#main #widget-info-overlay { background-color: #fff; 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 */


@media (max-width: 480px) {
  .progress {
    background-color: #4d5b8c !important;
}
  
  #footer {
    background-color: #3c4b82 !important; 
    }
  }

.headline.max>span {
	display: none
}

.childchair-count,
.person-count,
.reservation-tile .select2-selection,
.reservation-tile footer::after,
.reservation-tile footer::before,
.reservation-tile header::after,
.reservation-tile header::before,
.reservation-tile main {
	border-color: transparent;
}

.ui-datepicker-header {
	--stroke: var(--active);
}

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

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

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

.ui-datepicker-calendar td.hasInfo .ui-state-default::after {
    background-color:  #f0732f;
}

#room-table-overlay span {
    color:  #3c4b82;
}

#room-table-overlay input[type="radio"]:disabled + label {
    background-color: #cccccc !important;
    color: #999999;
    border: none;
}

.reservation-tile header legend {
    color: #3c4b82;
    font-size: 17px;
      letter-spacing: 0.05em;
  font-weight: bold !important;
}

#footer .navigate,
.progress {
	border-color: #8a93b4;
	color: #8a93b4
}

#footer .navigate.active,
.progress.active {
	color: var(--active)!important;
	background-color: #fff!important;
	border-color: #fff!important
}

#menu-selection .value {
	background-color: #fff
}

#menu-selection .change {
	color: #fff
}

#timebg {
	fill: #fff
}

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

.headline.min {
	color: #fff
}