/* Folegende Einträge werden benötigt,                  */
/* wenn im Kalender eine 6-Tage-Woche angezeigt werden soll. */
.navigation > nav {
	width: 44em;
}

.view, .calendarview, .errorview {
	max-width: 44em;
}



/* 1. Farbe - Im Original => Weiss */

img.current:hover, 
img.active:hover {
	background-color: white;
}

.button {
	color: rgb(60, 55, 0);
}

.view > .message > .message-body .button {
	color:rgb(60, 55, 0);
}

.view > .message > .message-header,
.calendarview > .message > .message-header,
.errorview > .message > .message-body .button:hover {
	color:rgb(60, 55, 0);
}

/* ---------------------------------------- */

.slotbutton {
	color:rgb(60, 55, 0);
}

.calVertical .day {
	background-color: white;
}

.calHorizontal .day {
	background-color: white;
}




/* 2. Farbe - Im Original => Schwarz */

.errorview > .message > .message-header {
	color:rgb(60, 55, 0);
}

.errorview > .message > .message-body .button {
	color:rgb(60, 55, 0);
}




/* 3. Farbe - Im Original => Dunkelblau */

.view > .message > .message-header, 
.calendarview > .message > .message-header {
	background-color:rgb(227, 255, 128);
}

.view > .message > .message-body .button {
	background-color:rgb(227, 255, 128);
}

.calendarview > .message > .message-footer {
	background-color:rgb(227, 255, 128);
}

/* ---------------------------------------- */

.weekNameSelect {
	color:rgb(60, 55, 0);
}

.arrowNameImg {
	background-color:rgb(227, 255, 128);
}

.slotbutton {
	background-color: rgb(227, 255, 128);
}

.calVertical .day .timeslots  {
	border-top: 4px solid rgb(227, 255, 128);
}

.calHorizontal .timeslots {
	border-top: 2px solid rgb(227, 255, 128);
}




/* 4. Farbe - Im Original => Hellblau */

img.active {
	background-color: rgb(224,223,0);
}

.view > .message > .message-body, 
.calendarview > .message > .message-body {
	background-color:rgb(224,223,0);
}

/* ---------------------------------------- */

.weekNameSelect {
	background-color: rgb(224,223,0);
}

.calendarview .message a:not(.button):not(.tag):not(.dropdown-item) {
	color:rgb(60, 55, 0);
}

.arrowImg,
.backImg {
	background-color: rgb(60, 55, 0);
}

.callImg {
	background-color: rgb(224,223,0);
}




/* 5. Farbe - Im Original => Orange */

img.current {
	background-color: rgb(255,112,77);
}

.errorview > .message > .message-header {
	background-color:rgb(255,112,77);
}

.view > .message > .message-body a:hover,
.view > .message > .message-body .button:hover {
	color:rgb(255,112,77);
}

.view > .message > .message-body a:disabled,
.view > .message > .message-body .button:disabled {
	color:black;
}

.errorview > .message > .message-body .button {
	background-color:rgb(255,112,77);
}

/* ---------------------------------------- */

.calendarview .message a:not(.button):not(.tag):not(.dropdown-item):hover {
	color:rgb(255,112,77);
}

.arrowImg:hover,
.arrowNameImg:hover,
.callImg:hover,
.backImg:hover {
	background-color: rgb(255,112,77);
}

.trashImg:hover {
	background-color: rgb(255,112,77);
}

.slotbutton:hover {
	color:rgb(255,112,77);
}

.calVertical .day .slotToday {
	border-top: 4px solid rgb(255,112,77);
}

.calHorizontal .slotToday {
	border-top: 2px solid rgb(255,112,77);
}