.inplaykalender_tag { text-align: center; font-size: 10px; letter-spacing: 1px;     border-top: 1px var(--linie4) solid; } 
        .szenen { background-color: #C8B6CC; font-size: 10px; letter-spacing: 1.5px; } 
        .szenen strong { color: #543D59 !important; } 
        .geburtstag { background-color: var(--background4); font-size: 10px; letter-spacing: 1.5px; } 
        .geburtstag strong { color: #6E644E !important; } 
        .timeline { background-color: var(--event-box);  font-size: 10px; letter-spacing: 1.5px;}
        .timeline strong { color: #3D4F37 !important;  }
        .event { background-color: #e8b7ac; font-size: 10px; letter-spacing: 1.5px;}
        .event strong { color: #543D59 !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, var(--background4), 50%, var(--event-box) 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, var(--event-box) 50%, #e8b7ac 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;}

.calender_menu-head {
	    height: 45px;
    max-width: 183px;
    background: var(--background3);
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    color: var(--text2);
    letter-spacing: 0.2em;
    width: 100%;
    box-sizing: border-box;
    font-family: "YoungSerif-Regular", sans-serif;
    font-size: 13px;
	
}

.calender_menu-item {
    display: flex;
    box-sizing: border-box;   
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    text-align: center;
    min-height: 25px;
    width: 100%;
    margin: 0 auto; 
    padding: 10px 20px;
    border-bottom: 1px solid var(--linie1);
    background: var(--background4);
    overflow-wrap: break-word;
    word-break: break-word;
    font-family: "YoungSerif-Regular", sans-serif;
    font-size: 13px;
    letter-spacing: 0.2em;

    transition: background-color 0.3s ease;
}

/* Link normal + besucht */
.calender_menu-item a:link,
.calender_menu-item a:visited {
    color: var(--links);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.4;
    font-family: "YoungSerif-Bold", sans-serif;
    font-size: 13px;
    letter-spacing: 0.2em;
}

/* GANZE Zeile beim Hover */
.calender_menu-item:hover {
    background-color: var(--hover1);
    cursor: pointer;
	opacity: 0.7;
}

/* Schrift beim Hover */
.calender_menu-item:hover a {
    color: var(--hover2);
	    
}
.calender {
    background-color: var(--background3);
    font-size: 16px;
    color: var(--text2);
    text-transform: uppercase;
    letter-spacing: 2px;
    /* border-bottom: 1px solid #263c30; */
    padding: 8px;
}
.thead_calender {
	background: var(--background6);
}