.inplaykalender_tag { text-align: center; font-size: 8px; letter-spacing: 1px; } 
        .szenen { background-color: var(--ipcalender-accent-szene); } 
        .szenen strong { color: var(--font-color) !important; } 
        .geburtstag { background-color: var(--ipcalender-accent-birthday); } 
        .geburtstag strong { color: var(--font-color) !important; } 
        .timeline { background-color: var(--ipcalender-accent-plot);}
        .timeline strong { color: var(--font-color) !important; }
        .event { background-color: var(--ipcalender-accent-event); }
        .event strong { color: var(--font-color) !important; }
        
        .szenentimeline { background: linear-gradient(to left top, var(--ipcalender-accent-szene) 50%, var(--ipcalender-accent-plot) 50%); }
        .szenentimeline strong { color: var(--font-color) !important; }
        .szenengeburtstag { background: linear-gradient(to left top, var(--ipcalender-accent-birthday) 50%, var(--ipcalender-accent-szene) 50%); }
        .szenenevent { background: linear-gradient(to left top, var(--ipcalender-accent-szene) 50%, var(--ipcalender-accent-event) 50%); }
        .szenenevent strong { }
        .szenengeburtstag strong { color: var(--font-color) !important; }
        .geburtstagtimeline { background: linear-gradient(to left top, var(--ipcalender-accent-birthday) 50%, var(--ipcalender-accent-plot) 50%); }
        .geburtstagtimeline strong { color: var(--font-color) !important;  }
        .geburtstagevent { background: linear-gradient(to left top, var(--ipcalender-accent-birthday) 50%, var(--ipcalender-accent-event) 50%); }
        .geburtstagevent strong { }
        .timelineevent { background: linear-gradient(to left top, var(--ipcalender-accent-plot) 50%, var(--ipcalender-accent-event) 50%);  }
        .timelineevent strong { }
        
        .szenengeburtstagtimeline { background: linear-gradient(to left top, var(--ipcalender-accent-birthday) 33%, var(--ipcalender-accent-szene) 33%, var(--ipcalender-accent-szene) 66%, var(--ipcalender-accent-plot) 66%); }
        .szenengeburtstagtimeline strong { color: var(--font-color) !important; }
        .szenengeburtstagevent { background: linear-gradient(to left top, var(--ipcalender-accent-birthday) 33%, var(--ipcalender-accent-szene) 33%, var(--ipcalender-accent-szene) 66%, var(--ipcalender-accent-event) 66%); }
        .szenengeburtstagevent strong { }
        .szenentimelineevent {  background: linear-gradient(to left top, var(--ipcalender-accent-szene) 33%, var(--ipcalender-accent-plot) 33%, var(--ipcalender-accent-plot) 66%, var(--ipcalender-accent-event) 66%); }
        .szenentimelineevent strong { }
        .geburtstagtimelineevent { background: linear-gradient(to left top, var(--ipcalender-accent-birthday) 33%, var(--ipcalender-accent-plot) 33%, var(--ipcalender-accent-plot) 66%, var(--ipcalender-accent-event) 66%); }
        .geburtstagtimelineevent strong { }
        
        .szenengeburtstagtimelineevent { background: linear-gradient(to left top, var(--ipcalender-accent-birthday) 25%, var(--ipcalender-accent-szene) 25%, var(--ipcalender-accent-szene) 50%, var(--ipcalender-accent-plot) 50%, var(--ipcalender-accent-plot) 75%, var(--ipcalender-accent-event) 75%); }

        #mini-kalender { font-size: 11px; }
        #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: rgba(255,255,255,8); 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;}