:root {
    --content-background:#edca86;
    --content-border:#c88627;
    --menu-background:#ca4000;
}

.fc {
    --fc-border-color: var(--content-border);
    --fc-non-business-color: var(--content-background);
    --fc-today-bg-color: transparent;
}

.fc .fc-timegrid-slot {
    height: calc(1.5em + 1px);
}

.fc .fc-timegrid-slot-lane {
    background: white;
}

/* the lines of the days over the white slots */
.fc .fc-timegrid-cols {
    z-index: 1;
}

/* appointments fill their slots up to the lines, the line separates appointments that follow each other */
.fc .fc-timegrid-event {
    box-shadow: none;
    margin-bottom: 0;
}

.fc .fc-timegrid-event-harness > .fc-timegrid-event {
    bottom: 1px;
}

.fc .fc-col-header-cell-cushion {
    color: inherit;
    padding: 0;
}

.fc .fc-timegrid-col.fc-day-past {
    background: rgba(0, 0, 0, 0.18);
}

.fc .fc-col-header-cell.fc-day-past {
    color: #777;
}

.fc .fc-non-business {
    border-bottom: 1px var(--content-border) solid;
}

.my-calendar {
    padding-top: 0.5em;
    padding-right: 1em;
    padding-bottom: 1em;
    color: black;
}

.fc .fc-col-header .fc-timegrid-axis-frame::before {
    content: "Beginn";
    padding: 0 4px;
}

/* messages of the server at their field or step */
ul.errorlist {
    list-style: none;
    margin: 0.25em 0 0.5em;
    padding: 0.2em 0.4em;
    border: 1px solid red;
}

.tooltip {
    background: grey;
    color: white;
    position: absolute;
    z-index: 1070;
    opacity: 0.8;
    font-size: 0.875rem;
    line-height: 1.5;
}

.tooltip.successfully-saved.hide-opacity{
    opacity: 0;
}

.fc-scroller {
    overflow: hidden !important;
}