/* ==========================================
   RADIO MEGA-SUNSHINE FRAMEWORK
   HEADER
========================================== */

.site-header{

    position:sticky;
    top:0;
    z-index:9999;

    background:#ffffff;

    box-shadow:0 5px 20px rgba(0,0,0,.08);

}

/* Oberer Bereich */

.header-top{
    max-width:1400px;
    margin:0 auto;
    min-height:90px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    padding:10px 25px;
}

/* Logo */

.logo img{
    max-height:95px;
    width:auto;
    display:block;
}

.logo h1{

    color:#4d9a29;

    font-size:2rem;

    margin:0;

}

/* Navigation */

.main-menu{

    max-width:1550px;

    margin:0 auto;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:35px;

    list-style:none;

    padding:0;

    min-height:58px;

}

.main-menu li{

    list-style:none;

}

.main-menu a{

    color:#fff;

    font-size:16px;

    font-weight:700;

    padding:18px 8px;

    display:block;

    border-bottom:3px solid transparent;

    transition:.3s;

}

.main-menu a:hover,
.main-menu .current-menu-item a{

    border-bottom:3px solid #ffd54a;

    color:#fff;

}

/* Icons */

.header-icons{

    display:flex;

    gap:15px;

}

.header-icons a{

    width:44px;
    height:44px;

    box-shadow:0 5px 12px rgba(0,0,0,.10);

}

.header-icons a:hover{

    background:#69c23f;

    color:#fff;

}

/* Live-Leiste */

.live-bar{

    min-height:46px;

    padding:0 20px;

}

.live-dot{

    width:12px;

    height:12px;

    background:#ff1d1d;

    border-radius:50%;

    animation:livePulse 1.5s infinite;

}

@keyframes livePulse{

    0%{
        transform:scale(1);
    }

    50%{
        transform:scale(1.3);
    }

    100%{
        transform:scale(1);
    }

}