.inplaykalender_tag {
 text-align: center; font-size: 8px; letter-spacing: 1px;
}

.szenen {
 background-color: var(--szenen) !important;
}

.szenen strong {
 color: var(--szenenstrong) !important;
}

.geburtstag {
 background-color: var(--bday) !important;
}

.geburtstag strong {
 color: var(--bdaystrong) !important;
}

.timeline {
 background-color: var(--timeline) !important;
}

.timeline strong {
 color: var(--timelinestrong) !important;
}

.event {
 background-color: var(--event) !important;
}

.event strong {
 color: var(--eventstrong) !important;
}

.szenentimeline {
 background: linear-gradient(to left top, var(--bday) 50%, var(--timeline) 50%);
}

.szenentimeline strong {
 color: var(--timelinestrong) !important;
}

.szenengeburtstag {
 background: linear-gradient(to left top, var(--bday) 50%, var(--szenen) 50%);
}

.szenenevent {
 background: linear-gradient(to left top, var(--szenen) 50%, var(--event) 50%);
}

.szenenevent strong {
 color: var(--szenenstrong) !important;
}

.szenengeburtstag strong {
 color: var(--szenenstrong) !important;
}

.geburtstagtimeline {
 background: linear-gradient(to left top, var(--bday) 50%, var(--timeline) 50%);
}

.geburtstagtimeline strong {
 color: var(--bdaystrong) !important;
}

.geburtstagevent {
 background: linear-gradient(to left top, var(--bday) 50%, var(--event) 50%);
}

.geburtstagevent strong {
 color: var(--szenenstrong) !important;
}

.timelineevent {
 background: linear-gradient(to left top, var(--timeline) 50%, var(--event) 50%);
}

.timelineevent strong {
 color: var(--szenenstrong) !important;
}

.szenengeburtstagtimeline {
 background: linear-gradient(to left top, var(--bday) 33%, var(--szenen) 33%, var(--szenen) 66%, var(--timeline) 66%);
}

.szenengeburtstagtimeline strong {
 color: var(--szenenstrong) !important;
}

.szenengeburtstagevent {
 background: linear-gradient(to left top, var(--bday) 33%, var(--szenen) 33%, var(--szenen) 66%, var(--event) 66%);
}

.szenengeburtstagevent strong {
 color: var(--szenenstrong) !important;
}

.szenentimelineevent {
  background: linear-gradient(to left top, var(--bday) 33%, var(--timeline) 33%, var(--timeline) 66%, var(--event) 66%);
}

.szenentimelineevent strong {
 color: var(--szenenstrong) !important;
}

.geburtstagtimelineevent {
 background: linear-gradient(to left top, var(--bday) 33%, var(--timeline) 33%, var(--timeline) 66%, var(--event) 66%);
}

.geburtstagtimelineevent strong {
 color: var(--szenenstrong) !important;
}

.szenengeburtstagtimelineevent {
 background: linear-gradient(to left top, var(--bday) 25%, var(--szenen) 25%, var(--szenen) 50%, var(--timeline) 50%, var(--timeline) 75%, var(--event) 75%);
}

#mini-kalender {
	font-size: 7px;
}

#mini-kalender td {
 padding: 4px;
}

.calpop {
 position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.5); z-index: 1000; opacity:0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; pointer-events: none;
}

.calpop:target {
 opacity:1; pointer-events: auto;
}

.calpop > .pop {
 text-align: justify; background: var(--tabellenhintergrund); width: 800px; position: relative; margin: 5% auto; padding: 10px; z-index: 1002; font-size: 11px;
}

.closepop {
 position: absolute; right: -5px; top:-5px; width: 100%; height: 100%; z-index: 999;
}

.inplaykalender-eventlist {
 max-height: 50px; overflow: auto; padding-right: 5px;
}