.inplaykalender_tag { text-align: center; font-size: 9px; letter-spacing: 1px; padding: 3px;} 
        .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, #EBD39D 50%, #BADBAF 50%); }
        .szenentimeline strong { color: #3D4F37 !important; }
        .szenengeburtstag { background: linear-gradient(to left top, #EBD39D 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, #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; }
        .inplaykalender-eventlist { max-height: 50px; overflow: auto; padding-right: 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: 140px; overflow: auto; padding-right: 5px;}

.tcat_inplaykalender {
	margin: 0px 8px 0px 8px;
    font-family: 'SF Buttacup Lettering', sans-serif;
    color: #1b5d6a;
    font-size: 20px;
    letter-spacing: 2px;
    background-image: linear-gradient(190deg, #ffdde0c4 5%, #806c9a6e 70%), url(../../../images_dust/background_footer.jpg);
    color: #ffffff;
    letter-spacing: 4px;
    padding: 30px;
    background-attachment: fixed;
}

.map {
	float: right;
    font-size: 30px;
    padding-right: 10px;
}

.month_year {
	    font-family: 'SF Buttacup Lettering', sans-serif;
    font-size: 15px;
    letter-spacing: 2px;
    background-image: linear-gradient(281deg, #ffdde0c4 5%, #806c9a6e 70%), url(../../../images_dust/thead_bg.png);
    text-transform: uppercase;
    font-size: 15px;
    color: #ffffff;
    letter-spacing: 4px;
    padding: 10px;
}

.month {
	font-family: 'SF Buttacup Lettering', sans-serif;
    color: #fff;
    font-size: 10px;
    letter-spacing: 2px;
    font-weight: normal;
}

.weather {
	background-color: #ffffff;
    margin: 0px 13px 10px 12px;
	height: 160px;
}

.weather_icon {
	float: left;
    width: 150px;
    padding: 15px;
}

.weather_header {
	font-size: 80px;
    text-align: center;
    margin: 20px;
}

.weather_text {
	    float: left;
    width: 260px;
    height: 160px;
    overflow: auto;
    text-align: justify;
    margin: 5px;
    font-size: 10px;
    padding: 20px;
}


.container_inplaycalender {
	background: rgb(84 59 118 / 24%);
    padding: 10px 0px 5px 0px;
    margin-bottom: 10px;
}