#tvGuideV2 {
    font-size: 1.2em;

    position: absolute;
    top: 135px;
    width: 100%;
    height: calc(100vh - 135px);
    overflow: hidden;
}

.dayRowV2 {
    width: 100%;
    display: inline-flex;
    height: 2.3em;
    justify-content: center;
    gap: 0.3em;
    align-items: center;
}

.dayContainer {
    flex-basis: 9ch;
    text-align: center;
}

.dayButtonV2 {
    padding: 0.5em;
    font-size: 0.9em;
    cursor: pointer;
}

#scrollWrapper {
    position: absolute;
    width: 100%;
    overflow: auto;
    height: calc(100% - 2.3em);
}

.guideFilterWrapperV2 {
    position: fixed;
    left: 0;
    width: 20vw;
    max-width: 270px;
    z-index: 10;
    height: 1.8em;
    overflow: hidden;

    display: flex;
    align-items: center;
}

.guideFilterIcon {
    width: 1.4em;
    font-size: 0.8em;
    padding: 0.3em;
}

.guideFilterWrapperV2 input {
    flex-grow: 1;
    width: 100%;
}

.guideFilterWrapperV2 input,  .guideFilterWrapperV2 input:focus{
    background: none;
    outline: none;
    border: none;
}

.replayIcon {
    font-size: 1.2em;
}

.iconTimeV2 {
    position: fixed;
    z-index: 80;
    cursor: pointer;
    font-size: 0.9em;
    height: 2em;
    display: flex;
    align-items: center;
    padding: 0 0.2em;
}

.iconTimeV2.left {
    left: 20vw;
}

.timeLineV2 {
    padding: 0.3em 0;
    display: inline-flex;
    position: sticky;
    top: 0;
    z-index: 4;
}

.timeNumberV2 {
    text-align:center; 
}

#zeitStrichV2 {
    position: absolute;
    top: 0;
    opacity: 0.6;
    z-index: 4;
}

.channelV2 {
    border-top: 1px solid;
    height: 70px;
    width: 20vw;
    max-width: 270px;
    position: sticky;
    left: 0;
    display: flex;
    align-items: center;
    z-index: 5;
    cursor: pointer;
}

.channelNumberV2 {
    flex: 0 0 3em;
    text-align: right;
    font-size: 0.8rem;
}

.channelLogoGuideV2 {
    flex: 1 1 auto;
    height: 55%;
    margin: 0 0.8em;
    overflow: hidden; /* For too long channel titles when no logo */

    display: flex;
    align-items: center;
}

.channelLogoGuideV2 img {
    max-height: 100%;
    max-width: 100%;
}

.channelReplayV2 {
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    margin-left: auto;
    flex: 0 0 4em;
}

.matrixRow {
    display: inline-flex;
}

.showsV2{
    position: relative;
}

.showV2 {
    width:auto;
    position: absolute;
    margin-right:-5px;
    overflow: hidden;
    border-right: solid #bfbebe 1px;
    border-bottom: solid #bfbebe 1px;
    border-top: solid #bfbebe 1px;
    height:71px;
    cursor: pointer;
}

.showTitleV2 {
    font-size: 1.2em;
    margin: 8px 10px 2px 10px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
    height: 30px;
}
.showTimeV2 {
    margin: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px;
    position: absolute;
}

.emission-rights-icons {
    float: right;
}

.hideEvent{
    display: none
}

@media screen and (max-width: 1024px) {
    .guideFilterWrapperV2 i {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .channelLogoGuideV2, .channelReplayV2, .guideFilterWrapperV2 input {
        font-size: 1rem;
    }
}
/* Mobile */
@media screen and (max-width: 800px) {
    #tvGuideV2 {
        /* adapt to smaller header size */
        height: calc(calc(100vh - calc(100vh - 100%)) - 100px);
        top: 100px;
    }

    .channelReplayV2 {
        display: none;
    }
    
}

@media screen and (max-width: 600px) {
    .channelNumberV2 {
        display: none;
    }
    .channelLogoGuideV2 {
        margin: 0 0.3em;
    }
}