/* ==========================================================
   RTC NOW PLAYING
========================================================== */

.rtc-nowplaying{
    display:grid;
    grid-template-columns:300px 1fr 380px;
    gap:60px;
    align-items:center;
    width:100%;
    max-width:1400px;
    margin:200px auto 80px;
    color:#fff;
}

/* ===== Linke Spalte ===== */

.rtc-cover{
    padding-left:40px;
}

.rtc-cover img{
    width:300px;
    height:300px;
    object-fit:cover;
    display:block;
    border-radius:12px;
    box-shadow:0 20px 45px rgba(0,0,0,.45);
}

/* ===== Mitte ===== */

.rtc-song{
    text-align:left;
}

.rtc-label{
    color:#ff7a00;
    font-size:18px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:20px;
}

#rtc-title{
    color:#fff !important;
    font-size:40px;
    font-weight:800;
    line-height:1.05;
    margin:0 0 18px;
}

#rtc-artist{
    color:#ff7a00 !important;
    font-size:30px;
    font-weight:600;
}

/* ===== Rechte Spalte ===== */

.rtc-history{
    padding-right:40px;
}

#rtc-history{
    margin-top:20px;
}

.rtc-history-row{
    color:#fff;
    font-size:18px;
    line-height:1.8;
    padding:10px 0;
    border-bottom:1px solid rgba(255,255,255,.10);
}

.rtc-time{
    display:inline-block;
    width:55px;
    color:#ff7a00;
    font-weight:700;
}

/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:1024px){

    .rtc-nowplaying{

        grid-template-columns:1fr;
        gap:35px;

        margin:240px auto 50px;
        padding:0 28px;

    }

    .rtc-cover{

        padding:0;
        text-align:center;

    }

    .rtc-cover img{

        width:220px;
        height:220px;
        margin:auto;

    }

    .rtc-song{

        padding:0 5px;

    }

    .rtc-history{

        padding:0 5px;

    }

    #rtc-title{

        font-size:36px;

    }

    #rtc-artist{

        font-size:24px;

    }

    .rtc-history-row{

        font-size:16px;

    }

}

.ct-menu-link.active-section {
    color: #ff7a00 !important;
}