:root {
	--main-background: transparent; /* NICHT ÄNDERN */
	--header-background: transparent; /* NICHT ÄNDERN */
  
	--progress-background: #f0ebe3; /* Balken oben */
	--footer-background: #f0ebe3; /* Balken unten */
	
	--headline: #d14835; /* Headline */
	--font-color: #454441; /* Schriftfarbe für Text und Beschreibung */
	--progress: #454441;  /* Schriftfarbe für Zusammenfassung im Balken oben MEIST IDENTISCH --font-color */
    
	--active: #d14835; /* Hintergrundfarbe aktiv */
	--active-font: #fff; /* Schriftfarbe aktiv */
  
  	--inactive: #faf8f6; /* Hintergrundfarbe inaktiv */
	--inactive-font: #454441; /* Schriftfarbe inaktiv */
  
	--unselectable-background: #f0ebe3; /* Hintergrundfarbe unanwähnbar */
	--unselectable-font: #ddd4c6; /* Schriftfarbe unanwähnbar */
 
	--waiting-active: #661e07; /* Hintergrundfarbe Warteliste aktiv */
	--waiting-active-font: #ffffff; /* Schriftfarbe Warteliste aktiv */
	--waiting-inactive: #9c6d5e; /* Hintergrundfarbe Warteliste inaktiv */
	--waiting-inactive-font: #ffffff; /* Schriftfarbe Warteliste inaktiv */
  
	--border-radius: 2px; /* Abrundung Kästchen */
	--default-input-background-light: #faf8f6; /* Farbe Kontakt-Kästchen IDENTISCH --inactive*/
 
	--input-background: #f0ebe3; /* Textfelder Hintergrundfarbe */
	--clock-hour-fill: #f0ebe3;  /* Uhr Hintergrund INDENTISCH --unselectable-background */
	--clock-minute-fill: #f0ebe3;  /* Uhr Hintergrund INDENTISCH --unselectable-background */
	--clock-net: #ddd4c6; /* Uhr Linien INDENTISCH --unselectable-font */
	--border-color: #f0ebe3; /* Farbe der Trennlinie */
	--navigation-color: #d14835; /* Navigations-Pfeilfarbe IDENTISCH --active */
	--customer-new-background: rgba(240,235,227,0.98); /* Overlay Hintergrund  MEIST IDENTISCH --input-background */
	--required: #661e07;  /* Farbe Kennzeichnung der Pflichtfelder */
}

/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/lato/lato-v23-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato/lato-v23-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato/lato-v23-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato/lato-v23-latin-100.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato/lato-v23-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato/lato-v23-latin-100.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/lato/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lato/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/lato/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/lato/lato-v23-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato/lato-v23-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato/lato-v23-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato/lato-v23-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato/lato-v23-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato/lato-v23-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}
/* Spectral */

/* spectral-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/spectral/spectral-v13-latin-200.eot'); /* IE9 Compat Modes */
  src: url('fonts/spectral/spectral-v13-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/spectral/spectral-v13-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/spectral/spectral-v13-latin-200.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/spectral/spectral-v13-latin-200.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/spectral/spectral-v13-latin-200.svg#Spectral') format('svg'); /* Legacy iOS */
}
/* spectral-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/spectral/spectral-v13-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/spectral/spectral-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/spectral/spectral-v13-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/spectral/spectral-v13-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/spectral/spectral-v13-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/spectral/spectral-v13-latin-300.svg#Spectral') format('svg'); /* Legacy iOS */
}
/* spectral-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/spectral/spectral-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/spectral/spectral-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/spectral/spectral-v13-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/spectral/spectral-v13-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/spectral/spectral-v13-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/spectral/spectral-v13-latin-regular.svg#Spectral') format('svg'); /* Legacy iOS */
}
/* spectral-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/spectral/spectral-v13-latin-500.eot'); /* IE9 Compat Modes */
  src: url('fonts/spectral/spectral-v13-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/spectral/spectral-v13-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/spectral/spectral-v13-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/spectral/spectral-v13-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/spectral/spectral-v13-latin-500.svg#Spectral') format('svg'); /* Legacy iOS */
}
/* spectral-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/spectral/spectral-v13-latin-600.eot'); /* IE9 Compat Modes */
  src: url('fonts/spectral/spectral-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/spectral/spectral-v13-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/spectral/spectral-v13-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/spectral/spectral-v13-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/spectral/spectral-v13-latin-600.svg#Spectral') format('svg'); /* Legacy iOS */
}
/* spectral-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/spectral/spectral-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/spectral/spectral-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/spectral/spectral-v13-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/spectral/spectral-v13-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/spectral/spectral-v13-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/spectral/spectral-v13-latin-700.svg#Spectral') format('svg'); /* Legacy iOS */
}
/* spectral-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/spectral/spectral-v13-latin-800.eot'); /* IE9 Compat Modes */
  src: url('fonts/spectral/spectral-v13-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/spectral/spectral-v13-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/spectral/spectral-v13-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/spectral/spectral-v13-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/spectral/spectral-v13-latin-800.svg#Spectral') format('svg'); /* Legacy iOS */
}

body { font-family: 'Spectral', sans-serif
}

/* GRUNDLEGENDE EINSTELLUNGEN */

#main .headline.max span, .headline.max span b  { color: #e9e2d7 } /* Tischreservierungs-Titel Farbe */
#reservation-done, #reservation-fail, #reservation-fail-cc, .reservation-page { background-color: #e9e2d7 } /* Widget Hintergrund */
#timebg { fill: #e9e2d7; } /* Uhrcenter Hintergrund MEIST IDENTISCH Widget Hintergrund (oben) */
#main #widget-info-overlay { background-color: #f0ebe3; border: solid 2px   var(--unselectable-background); color: var(--font-color);} /* Info-Overlay Hintergrund + Kontur */
#main #widget-info-overlay .corona-header { background-color:  var(--inactive); color: #454441; } /* Info-Overlay Header und Schriftfarbe */
#footer .navigate { border-color: #d14835; color: #d14835; } /* Inactiver Button im Footer */
.reservation-tile header legend {text-transform: none; font-size: 18px; font-weight: bold;} /* Überschriften */
#footer button { --stroke: #b0b0b0; } /* X und Impressum im Footer */
.progress {border: 1px solid #d14835} /* Kontur der Progress-Bubble */

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

#main .headline.min { background-color: var(--footer-background); font-family: 'Lato', sans}
#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;}
.person-count, .reservation-tile, .select2-selection { border: 0px !important;}
.ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default:not(.ui-state-active) { background: transparent !important; }
.highlight { color: var(--active, currentColor); font-weight: bold; }
#main .headline.max span {text-transform: uppercase;}
#customer-overlay { color: var(--font-color); }
#main #time-frame #busytime-overlay, #busytime-info-text { 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);}
#time { color: var(--active, currentColor) !important; font-weight: bold !important;}
#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; }
.progress.inactive:not(.active) { background-color: transparent !important; }
#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) }
#clock text { fill: var(--unselectable-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);}

@media (max-width: 480px) { 
#footer { background-color: var(--footer-background); }  
}

/* MOBILE ANSICHT */

@media (max-width: 480px) {
  
.progress { background-color: #fff; border: none } /* Hintergrund Progress-Balken */ 
.progress.inactive:not(.active) { background-color: var(--inactive) !important; } /* Hintergrund Bereits durchlaufener Schritte im Progress */ 
  
}

.headline.max small.powered-by {
  color: #fff !important;
}

.restaurant {
  display: none;
}
#annotations-info-text { color: var(--font-color);
 }