#calendarItems{
    display:flex;
    flex-direction:column;
    gap:1.2vh;
    padding:2vh;
    height:60vh;
    overflow-y:auto;
    overflow-x:visible;
}
#calendarItems::-webkit-scrollbar{
    width:0.6vh;
}

#calendarItems::-webkit-scrollbar-track{
    background:transparent;
}

#calendarItems::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,0.2);
    border-radius:1vh;
}
.calendarItem{
    display:flex;
    gap:2vh;
    padding:2vh;
    border-radius:2.4vh;
    background:rgba(255,255,255,0.06);
    backdrop-filter: blur(2vh);
    position:relative;
}

.calendarLeft{
    min-width:9vh;
    text-align:center;
}

.calendarDay{
    font-size:1.8vh;
    opacity:0.8;
}

.calendarTime{
    font-size:2.3vh;
    font-weight:bold;
}

.calendarRight{
    flex:1;
}

.calendarTitle{
    font-weight:bold;
    font-size:2vh;
}

.calendarDesc{
    font-size:1.8vh;
    opacity:0.7;
}
.calendarDivider{
    margin-top:1vh;
    margin-bottom:1vh;
    padding-bottom:0.6vh;
    font-weight:bold;
    font-size:2vh;
    opacity:0.7;
    border-bottom:0.15vh solid rgba(255,255,255,0.25);
}

@keyframes calendarLivePulse {

    0%{
        transform: scale(1.01);
        box-shadow:
        0 0 1vh rgba(0, 213, 255, 0.2),
        inset 0 0 0.2vh rgba(255,255,255,0.12);
    }

    50%{
        transform: scale(1.025);
        box-shadow:
        0 0 2.2vh rgba(0, 255, 213, 0.775),
        inset 0 0 0.3vh rgba(255,255,255,0.18);
    }

    100%{
        transform: scale(1.01);
        box-shadow:
        0 0 1vh rgba(255, 0, 0, 0.2),
        inset 0 0 0.2vh rgba(255,255,255,0.12);
    }

}
.calendarLive,
.calendarNext{
    margin-top:3.5vh;

    background: rgba(1, 213, 255, 0.14);
    border: 0.18vh solid rgba(0, 200, 255, 0.55);
    border-radius: 2.4vh;

    animation: calendarLivePulse 4s ease-in-out infinite;
    z-index: 0;
}
.calendarLive::before,
.calendarNext::before{
    position:absolute;
    top:-2.6vh;
    right:1.8vh;

    padding:0.45vh 1.2vh;

    font-size: 2vh;
    font-weight:600;
    letter-spacing:0.03em;

    border-radius:1vh;

    z-index:2;
}
.calendarLive::before{
    content:"LIVE";

    background:#d35133;
    color:#ffffff;

    box-shadow:0 0.6vh 1.2vh rgba(0,0,0,0.3);
}
.calendarNext::before{
    content:"STARTET BALD";

    background:rgb(92, 231, 252);
    backdrop-filter:blur(1vh);

    color:rgb(31, 31, 31);

    box-shadow:0 0.5vh 1vh rgba(0,0,0,0.25);
}