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

.szenen {
 background-color: #C8B6CC;
}

.szenen strong {
 color: #543D59 !important;
}

.geburtstag {
 background-color: var(--tabelleitalic)!important;
text-align: center !important;
}

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

.timeline {
 background-color: #BADBAF;
}

.timeline strong {
 color: #3D4F37 !important;
}

.event {
 background-color: var(--tabellebold) !important;
text-align: center !important;
}

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

.szenentimeline {
 background: linear-gradient(to left top, var(--tabelleitalic)50%, #BADBAF 50%);
}

.szenentimeline strong {
 color: #3D4F37 !important;
}

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

.szenenevent {
 background: linear-gradient(to left top, var(--tabelleitalic)50%, #ABD9D8 50%);
}

.szenenevent strong {
}

.szenengeburtstag strong {
 color: #543D59 !important;
}

.geburtstagtimeline {
 background: linear-gradient(to left top, var(--tabelleitalic)50%, #BADBAF 50%);
}

.geburtstagtimeline strong {
 color: #6E644E !important;
}

.geburtstagevent {
 background: linear-gradient(to left top, var(--tabellebold) 50%, var(--tabelleitalic) 50%); text-align:center !important;
}

.geburtstagevent strong {
color:var(--tabellenhintergrund);
}

.timelineevent {
 background: linear-gradient(to left top, #BADBAF 50%, #ABD9D8 50%);
}

.timelineevent strong {
}

.szenengeburtstagtimeline {
 background: linear-gradient(to left top, var(--tabelleitalic)33%, var(--tabellebold) 33%, var(--tabellebold) 66%, #BADBAF 66%);
}

.szenengeburtstagtimeline strong {
 color: #543D59 !important;
}

.szenengeburtstagevent {
 background: linear-gradient(to left top, var(--tabelleitalic)33%, var(--tabellebold) 33%, var(--tabellebold) 66%, #ABD9D8 66%);
}

.szenengeburtstagevent strong {
}

.szenentimelineevent {
  background: linear-gradient(to left top, var(--tabelleitalic)33%, #BADBAF 33%, #BADBAF 66%, #ABD9D8 66%);
}

.szenentimelineevent strong {
}

.geburtstagtimelineevent {
 background: linear-gradient(to left top, var(--tabelleitalic)33%, #BADBAF 33%, #BADBAF 66%, #ABD9D8 66%);
}

.geburtstagtimelineevent strong {
}

.szenengeburtstagtimelineevent {
 background: linear-gradient(to left top, var(--tabelleitalic)25%, var(--tabellebold) 25%, var(--tabellebold) 50%, #BADBAF 50%, #BADBAF 75%, #ABD9D8 75%);
}

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

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

.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;
}