.inplaykalender_tag { text-align: center; font-size: 10px; letter-spacing: 1px; } 
        .szenen { background-color: #4f6e51; } 
        .szenen strong { color: #313131 !important; } 
        .geburtstag { background-color: #3b5861; } 
        .geburtstag strong { color: #313131 !important; } 
        .timeline { background-color: #747d57;}
        .timeline strong { color: #313131 !important; }
        .event { background-color: #5a577d; }
        .event strong { color: #313131 !important; }
        
        .szenentimeline { background: linear-gradient(to left top, #EBD39D 50%, #BADBAF 50%); }
        .szenentimeline strong { color: #3D4F37 !important; }
        .szenengeburtstag { background: linear-gradient(to left top, #3b5861 50%, #4f6e51 50%); }
        .szenenevent { background: linear-gradient(to left top, #4f6e51 50%, #5a577d 50%); }
        .szenenevent strong {color: #313131 !important; }
        .szenengeburtstag strong { color: #313131 !important; }
        .geburtstagtimeline { background: linear-gradient(to left top, #EBD39D 50%, #BADBAF 50%); }
        .geburtstagtimeline strong { color: #6E644E !important;  }
        .geburtstagevent { background: linear-gradient(to left top, #C8B6CC 50%, #ABD9D8 50%); }
        .geburtstagevent strong { }
        .timelineevent { background: linear-gradient(to left top, #BADBAF 50%, #ABD9D8 50%);  }
        .timelineevent strong { }
        
        .szenengeburtstagtimeline { background: linear-gradient(to left top, #EBD39D 33%, #C8B6CC 33%, #C8B6CC 66%, #BADBAF 66%); }
        .szenengeburtstagtimeline strong { color: #543D59 !important; }
        .szenengeburtstagevent { background: linear-gradient(to left top, #EBD39D 33%, #C8B6CC 33%, #C8B6CC 66%, #ABD9D8 66%); }
        .szenengeburtstagevent strong { }
        .szenentimelineevent {  background: linear-gradient(to left top, #EBD39D 33%, #BADBAF 33%, #BADBAF 66%, #ABD9D8 66%); }
        .szenentimelineevent strong { }
        .geburtstagtimelineevent { background: linear-gradient(to left top, #EBD39D 33%, #BADBAF 33%, #BADBAF 66%, #ABD9D8 66%); }
        .geburtstagtimelineevent strong { }
        
        .szenengeburtstagtimelineevent { background: linear-gradient(to left top, #EBD39D 25%, #C8B6CC 25%, #C8B6CC 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: 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;}

.inplaykalendercode {float: left; margin: 3px; margin-top: 0px; width: 32.7%;}