.inplaykalender_tag { text-align: center; font-size: 9px; letter-spacing: 1px; } 
        
.szenen{background: rgba(var(--designmaincolorrbg), 0.90) !important;}
.geburtstag{background: rgba(var(--designmaincolorrbg), 0.70) !important;}
.timeline{background: rgba(var(--designmaincolorrbg), 0.50) !important;}
.event{background: rgba(var(--designmaincolorrbg), 0.30) !important;}

.szenentimeline { background: linear-gradient(to left top, rgba(var(--designmaincolorrbg), 0.90) 50%, rgba(var(--designmaincolorrbg), 0.50) 50%) !important; }
.szenengeburtstag { background: linear-gradient(to left top, rgba(var(--designmaincolorrbg), 0.90) 50%, rgba(var(--designmaincolorrbg), 0.70) 50%) !important; }
.szenenevent { background: linear-gradient(to left top, rgba(var(--designmaincolorrbg), 0.90) 50%, rgba(var(--designmaincolorrbg), 0.30) 50%) !important; }

.geburtstagtimeline { background: linear-gradient(to left top, rgba(var(--designmaincolorrbg), 0.90) 50%, rgba(var(--designmaincolorrbg), 0.50) 50%) !important; }
.geburtstagevent { background: linear-gradient(to left top, rgba(var(--designmaincolorrbg), 0.70) 50%, rgba(var(--designmaincolorrbg), 0.30) 50%) !important; }
.timelineevent { background: linear-gradient(to left top, rgba(var(--designmaincolorrbg), 0.50) 50%, rgba(var(--designmaincolorrbg), 0.30) 50%) !important;}
      
.szenengeburtstagtimeline { background: linear-gradient(to left top, rgba(var(--designmaincolorrbg), 0.90) 33%, rgba(var(--designmaincolorrbg), 0.70) 33%, rgba(var(--designmaincolorrbg), 0.70) 66%, rgba(var(--designmaincolorrbg), 0.50) 66%) !important; }
.szenengeburtstagevent { background: linear-gradient(to left top, rgba(var(--designmaincolorrbg), 0.90) 33%, rgba(var(--designmaincolorrbg), 0.70) 33%, rgba(var(--designmaincolorrbg), 0.70) 66%, rgba(var(--designmaincolorrbg), 0.30) 66%) !important; }
.szenentimelineevent {  background: linear-gradient(to left top, rgba(var(--designmaincolorrbg), 0.90) 33%, rgba(var(--designmaincolorrbg), 0.50) 33%, rgba(var(--designmaincolorrbg), 0.50) 66%, rgba(var(--designmaincolorrbg), 0.30) 66%) !important; }
.geburtstagtimelineevent { background: linear-gradient(to left top, rgba(var(--designmaincolorrbg), 0.90) 33%, rgba(var(--designmaincolorrbg), 0.50) 33%, rgba(var(--designmaincolorrbg), 0.50) 66%, rgba(var(--designmaincolorrbg), 0.30) 66%) !important; }
        
.szenengeburtstagtimelineevent { background: linear-gradient(to left top, rgba(var(--designmaincolorrbg), 0.90) 25%, rgba(var(--designmaincolorrbg), 0.70) 25%, rgba(var(--designmaincolorrbg), 0.70) 50%, rgba(var(--designmaincolorrbg), 0.50) 50%, rgba(var(--designmaincolorrbg), 0.50) 75%, rgba(var(--designmaincolorrbg), 0.30) 75%) !important; }

#mini-kalender a {color: var(--designfont);}
#mini-kalender .inplaykalender_tag{
  padding: 7px 0px 5px;
  border-radius: 15px;
  font-weight: 600;
  font-size: 8px;
  font-family: Poppins;
  letter-spacing: 1px;
  text-transform: uppercase;
background-color: var(--designback6);
  color: var(--designfont);
  line-height: 1;
  text-align: center;
}

#mini-kalender .thead {
  background-color: var(--designback1);
  padding: 7px 0px 5px;
  border-radius: 15px;
  font-weight: 600;
  font-size: 8px;
  font-family: Poppins;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--designaccent);
  line-height: 1;
  text-align: center;
}

#mini-kalender .inplaykalender_tag_none{
  padding: 7px 0px 5px;
  border-radius: 15px;
  color: var(--designfont);
  background-color: var(--designback1);	
  opacity:0.5;
}

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

#Forenbit_Main .Forenbit_Inplay_Kalender_Box .Inplay_Kalender_Main > div{display: flex;gap: 6px;}
#Forenbit_Main .Forenbit_Inplay_Kalender_Box .Inplay_Kalender_Main > div span{display: block;width: calc(100% / 7);}
#Forenbit_Main .Forenbit_Inplay_Kalender_Box .Inplay_Kalender_Main {display: grid;gap: 4px;}