.inplaykalender_tag { 
               text-align: center; 
               font-size: 10pt; 
               letter-spacing: 1px; } 
.inplaykalender_tag2{}
        .szenen { background-color: #C8B6CC; } 
        .szenen strong { color: #543D59 !important; } 
        .geburtstag { background-color: #EBD39D; } 
        .geburtstag strong { color: #6E644E !important; } 
        .timeline { background-color: #BADBAF;}
        .timeline strong { color: #3D4F37 !important; }
        .event { background-color: #ABD9D8; }
        .event strong { color: #4D6E6D !important; }
        
        .szenentimeline { 
        background: linear-gradient(to left top, #C8B6CC 50%, #BADBAF 50%); }
        .szenentimeline strong { color: #3D4F37 !important; }
        .szenengeburtstag { 
        background: linear-gradient(to left top, #C8B6CC 50%, #C8B6CC 50%); }
        .szenenevent { 
        background: linear-gradient(to left top, #C8B6CC 50%, #ABD9D8 50%); }
        .szenenevent strong { }
        .szenengeburtstag strong { color: #543D59 !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, #C8B6CC 50%, #BADBAF 50%); }
        .szenengeburtstagtimeline strong { color: #543D59 !important; }
        .szenengeburtstagevent { 
            background: linear-gradient(to left top, #C8B6CC 50%, #ABD9D8 50%, ); }
        .szenengeburtstagevent strong { }
        .szenentimelineevent {
        background: linear-gradient(to left top, #C8B6CC 50%, #abd9d8 50%);}
        .szenentimelineevent strong { }
        .geburtstagtimelineevent {
        background: linear-gradient(to left top, #EBD39D 50%, #BADBAF 50%); }
        .geburtstagtimelineevent strong { }
        
        .szenengeburtstagtimelineevent { 
        background: linear-gradient(to left top, #EBD39D 50%, #C8B6CC 50%); }

        #mini-kalender {width: 100%;font-size: 10pt;}
        #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: rgb(218 217 208);width: 800px;position: relative;margin: 5% auto;padding: 10px;z-index: 1002;font-size: 11pt;}

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

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


.ipkalendershow{    opacity: 0;
    z-index: 300;
    width: 200px;
    display: block;
    font-size: 11px;
    text-align: center;
    transform: scale(0);
    position: absolute;
    left: -65px;
    bottom: 20px;
    padding: 5px 10px;
    background: var(--hintergrund1);
    border: 1px solid var(--akzent3);
    transition: 0.2s ease-in-out;
}


 .ipkalendershow:before,.ipkalendershow:after {
          content: "";
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-top: 10px solid var(--akzent3);
          position: absolute;
          bottom: -11px;
          left: 59px;
        }

        .ipkalendershow:hover .ipkalendershow,a:hover .ipkalendershow {
          opacity: 1;
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          -o-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
          background-color:var(--hintergrund1);
        }