.inplaykalender_tag { text-align: center; font-size: 8px; letter-spacing: 1px; } 
        .szenen { background-color: #C8B6CC; } 
        .geburtstag { background-color: #EBD39D; } 
        .timeline { background-color: #BADBAF;}
        .event { background-color: #ABD9D8; }
        
        .szenentimeline { background: linear-gradient(to left top, #EBD39D 50%, #BADBAF 50%); }
        .szenengeburtstag { background: linear-gradient(to left top, #EBD39D 50%, #C8B6CC 50%); }
        .szenenevent { background: linear-gradient(to left top, #C8B6CC 50%, #ABD9D8 50%); }
        .szenenevent strong { }
        .geburtstagtimeline { background: linear-gradient(to left top, #EBD39D 50%, #BADBAF 50%); }
        .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%); }
        .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;}

/* CUSTOM /*

/* =========================================================
   INPLAY CALENDAR
========================================================= */

.wwr-inplay-calendar {
    width: 100%;
    margin-top: 80px;
    border: 1px solid var(--wwr-border);
    color: var(--wwr-post);
}

.wwr-inplay-calendar-head {
    min-height: 90px;
    padding: 20px 28px;
    display: grid;
    grid-template-columns:
        minmax(220px, .8fr)
        minmax(0, 1fr)
        auto;
    align-items: center;
    gap: 35px;
    border-bottom: 1px solid var(--wwr-border);
}

.wwr-inplay-calendar-title {
    min-width: 0;
}

.wwr-inplay-calendar-line {
    display: block;
    width: 45px;
    height: 2px;
    margin-bottom: 8px;
    background: var(--wwr-acc);
}

.wwr-inplay-calendar-name {
    font-family: var(--wwr-title);
    font-size: 50px;
    line-height: 100%;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.wwr-inplay-calendar-year {
    margin-top: 7px;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: var(--wwr-mid);
}

.wwr-inplay-calendar-text {
    max-width: 400px;
    font-size: 9px;
    line-height: 180%;
    text-transform: uppercase;
    letter-spacing: 2px;

    color: var(--wwr-mid);
}

.wwr-inplay-calendar-link {
    min-width: 150px;
    padding: 13px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    border: 1px solid var(--wwr-border);
    color: var(--wwr-post);
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
	background-color: var(--wwr-acc);
	font-weight: 600;
}

.wwr-inplay-calendar-link span {
	font-weight: 600;
  font-family: 'Fira Sans';
}

.wwr-inplay-months {
    display: grid;
    grid-template-columns:
        repeat(auto-fit, minmax(300px, 1fr));
}

.wwr-inplay-month {
    min-width: 0;
    padding: 22px 28px 25px;
}

.wwr-inplay-month + .wwr-inplay-month {
    border-left: 1px solid var(--wwr-border);
}


.wwr-inplay-month-line {
    display: block;
    width: 42px;
    height: 2px;
    margin-bottom: 8px;
    background: var(--wwr-acc);
}

.wwr-inplay-month-title {
    display: flex;
    align-items: baseline;
    gap: 15px;
    font-family: var(--wwr-title);
    font-size: 45px;
    line-height: 100%;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.wwr-inplay-month-title span {
    font-family: var(--wwr-txt);
    font-size: 18px;
    font-weight: 100;
    letter-spacing: 2px;
    color: var(--wwr-mid);
}

.wwr-inplay-month-table {
    width: 100%;
    margin-top: 18px;
    border-collapse: collapse;
    table-layout: fixed;
    background: transparent;
}

.wwr-inplay-weekdays td {
    height: 25px;
    padding: 0 0 7px;
    text-align: center;
    font-size: 8px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--wwr-mid);
    border-bottom: 1px solid var(--wwr-border);
}

.wwr-inplay-weekdays td:last-child {
    color: var(--wwr-acc2);
}

.wwr-inplay-day {
    position: relative;
    height: 31px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
    letter-spacing: 1px;
    color: var(--wwr-post);
    border-right: 1px solid var(--wwr-border);
    border-bottom: 1px solid var(--wwr-border);
}

.wwr-inplay-day:last-child {
    border-right: 0;
}

.wwr-inplay-day a {
    color: inherit;
    text-decoration: none;
}

.wwr-inplay-day strong {
    font-weight: 500;
}

.wwr-inplay-empty {
    opacity: .2;
}

.wwr-inplay-month-table tr:not(.wwr-inplay-weekdays)
.wwr-inplay-day:nth-child(7) {
    color: var(--wwr-acc2);
}


.wwr-inplay-day[class*="szenen"],
.wwr-inplay-day[class*="geburtstag"],
.wwr-inplay-day[class*="timeline"],
.wwr-inplay-day[class*="event"] {
    background: transparent;
    color: var(--wwr-post);
    font-weight: 500;
}

.wwr-inplay-day[class*="szenen"]::after,
.wwr-inplay-day[class*="geburtstag"]::after,
.wwr-inplay-day[class*="timeline"]::after,
.wwr-inplay-day[class*="event"]::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 4px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--wwr-acc);
    transform: translateX(-50%);
}