:root {
	--main-background: transparent;
	--progress-background: #93060c;
	--footer-background: #93060c;
	--header-footer-background: #93060c;
	--font-color: #fff;
	--location-color: #c6080b;
	--active: #c6080b;
	--active-alt: #999966;
	--inactive-alt: #b8b894;
	--active-font: #fff;
	--inactive: #5d5b5b;
	--inactive-font: #fff;
	--unselectable-background: #2f2c2c;
	--unselectable-font: #5d5b5b;
	--border-color: #8b898a;
	--border-radius: 0;
	--navigation-color: #c6080b;
	--clock-hour-fill: #2f2c2c;
	--clock-minute-fill: #2f2c2c;
	--clock-net: #5d5b5b;
	--input-background: #181415;
	--customer-new-background: #2f2c2c;
}

@media (min-width:481px) {
	#progress-overview {
		border-top-left-radius: 1rem;
		border-top-right-radius: 1rem
	}
	#footer {
		border-bottom-left-radius: 1rem;
		border-bottom-right-radius: 1rem
	}
}

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

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

#reservation-done,
#reservation-fail,
.reservation-page,
.headline.min {
	background-color: #181415
}

#timebg {
	fill: #5d5b5b
}

.childchair-count,
.person-count,
.reservation-tile .select2-selection {
	border: none
}

.labeled-field input,
.labeled-field label.radio,
.labeled-field select,
.labeled-field textarea {
	border: 1px solid #5d5b5b;
	border-radius: .125rem
}

#required-text::before,
.labeled-field.required::before {
	left: 2px;
	width: 3px;
	height: 80%;
	top: 50%;
	transform: translateY(-50%)
}

input[form=customer-data] {
	padding-left: .5rem
}

.labeled-field legend {
	margin-left: .5rem
}

.overlay button {
	border-radius: .4rem
}

#footer button,
.headline button {
	--stroke: #b35155;
}

.overlay {
	border-radius: 0
}

#menu-overlay .thead {
	color: #fff
}

#menu-selection .change,
#menu-selection .value,
#menu-selection tr:not(.chosen) .description {
	background-color: #5d5b5b;
	border: none;
	color: #2f2c2c
}

#menu-selection tr.chosen .change {
	background-color: var(--active);;
	color: #fff
}

#menu-selection tr.chosen .value {
	background-color: #fff;
	color: #2f2c2c
}

.quit {
	--fill: var(--active);;
	--stroke: #fff;
}

#footer .navigate {
	color: #b35155;
	border-color: currentColor;
	border-radius: .4rem
}

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

.headline.max {
  color: #181415;
}

.headline.max small.powered-by {
  color: #181415;
}
#main #widget-info-overlay { background-color: #fff; border: solid 2px   var(--inactive); color: var(--inactive);} /* Info-Overlay Hintergrund + Kontur */
#main #widget-info-overlay .corona-header { background-color:  var(--inactive); color: #fff; }