:root {
	--main-background: transparent;
	--progress-background: #f18815;
	--footer-background: #f18815;
	--font-color: #fff;
	--headline: #fff;
	--progress: #fff;
	--inactive: #f5ac5b;
	--active: #f18815;
	--inactive-font: #4d4d4d;
	--active-font: #000;
	--input-background: #0d0d0d;
	--input-background-light: #f18815;
	--border-radius: 0;
	--border-color: #f18815;
	--location-color: #f18815;
	--clock-hour-fill: #262626;
	--clock-minute-fill: #262626;
	--unselectable-background: #262626;
	--clock-net: #404040;
	--navigation-color: #f18815;
}

.headline.min {
	background-color: #0d0d0d
}

#reservation-done,
#reservation-fail,
#reservation-fail-cc,
.reservation-page {
	background-color: #0d0d0d
}

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

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

#timebg {
	fill: #484848
}

.labeled-field input,
.labeled-field input[type=radio]:not(:checked)+label.radio,
.labeled-field select,
.labeled-field textarea {
	border: 1px solid #4d4d4d
}

#busytime-overlay {
	background-color: #f18815;
	color: #fff;
	border-radius: 0
}

.overlay {
	background-color: #fff;
	color: #0d0d0d;
	--stroke: #f18815;;
	border-radius: 0
}

.quit {
	--fill: #f18815;;
	--stroke: #0d0d0d;
}

#footer .navigate:not(.active) {
	background-color: #262626;
	color: #4d4d4d
}

#busytime-overlay button,
#footer .navigate.active {
	background-color: #000!important;
	color: var(--active)!important;
}

#footer button {
	--stroke: #0d0d0d;
}
#main #widget-info-overlay { background-color: #262626; 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; font-weight: bold} /* Info-Overlay Header und Schriftfarbe */
#save-globally + label svg {--check: #f4ed49 !important; --stroke: #262626}