:root {
  	--headline: #d3c3b6; /* Headline */
	--font-color: #d3c3b6; /* Schriftfarbe für Text und Beschreibung */
	--progress: #d3c3b6;  /* Schriftfarbe für Zusammenfassung im Balken oben MEIST IDENTISCH --font-color */
  
	--active: #fbd1c4; /* Hintergrundfarbe aktiv */
	--active-font: #423f3e; /* Schriftfarbe aktiv */
  
  	--inactive: #f7ab99; /* Hintergrundfarbe inaktiv */
	--inactive-font: #423f3e; /* Schriftfarbe inaktiv */
  
	--default-waiting-active: #9ba675;
	--default-waiting-inactive: #b2b998;

  
	--border-radius: 2px; /* Abrundung Kästchen */
	--default-input-background-light: #f7ab99; /* Farbe Kontakt-Kästchen IDENTISCH --inactive*/
 
	--required: #f7ab99;  /* Farbe Kennzeichnung der Pflichtfelder */
}

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

#outletchanger > button:not(:disabled) span {
  --stroke: #423f3e;
}

.overlay {
color: var(--font-color, var(--default-font-color));
}

#room-table-overlay input[type="radio"]:disabled + label {
border: 1px solid var(--font-color, var(--default-font-color));
}

#room-table-overlay label{
color: var(--font-color, var(--default-font-color));
}

#path4564 {
--fill:  var(--font-color, var(--default-font-color)) !important;
}

#path2080  {
  stroke: #423f3e !important;
}

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

#check-box {
fill: #423f3e;
}

#widget-info-overlay {
  background-color: var(--customer-new-background, rgba(45, 42, 41, .98));
  color:  var(--font-color, var(--default-font-color));
  box-shadow: none;
}

.corona-header {
color: #423f3e;
}


/* !! KEINE ANPASSUNG NÖTIG !! */

#main #widget-info-overlay { box-shadow: 5px 5px 0px rgba(30, 30, 30, 0.4) !important;}
#main #widget-info-overlay .corona-header span { text-transform: none; }
#main #widget-info-overlay .corona-header b { display:none; }
#main #widget-info-overlay .corona-header .corona-headline { display:none; text-transform: none;}
#main .headline.max span {text-transform: uppercase;}
#customer-overlay { color: var(--font-color); }
#main #time-frame #busytime-overlay { color: var(--font-color); }
#menu-selection .description { color: var(--font-color); } 
#menu-selection .change { color: var(--font-color); }
#reservation-done .thanks { text-transform: none; }
#main #menu-frame #menu-overlay, #main #menu-frame #menu-overlay .thead { color: var(--font-color, currentColor);}
#room-table-overlay input[type="radio"]:disabled + label { color: var(--unselectable-font, currentColor); border: 1px solid var(--unselectable-font, currentColor); }
#room-table-overlay > div p.room-selection:not(:last-child) { border-right: 1px solid var(--unselectable-font, currentColor);}
#customer-overlay a { color: var(--active); font-weight:bold; }
#main #widget-info-overlay button{ background-color: var(--active)!important; color: var(--active-font) !important; border: none}
#menu-selection .value { background-color: var(--inactive); color: var(--inactive-font) }
.ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default:not(.ui-state-active) {border: 1px solid var(--unselectable-font) !important; color:var(--unselectable-font);}
.childchair-count {border: 0px}
#room-table-overlay span {color: var(--font-color);}
#outletchanger > button:not(:disabled) span {--stroke: var(--active-font);}
.highlight { color: #f7ab99 !important; font-weight: bold; }
#room-table-overlay label {color: var(--active-font)}