/*NAVIGATION*/

/*Top Navi*/
.top-bar {
    background: #fff;
    color: var(--color-text);
    border-bottom: 1px solid rgb(from var(--color-grey-30) r g b / 30%);
}

.inside-top-bar {
    padding: 8px 0;
}

.top-bar a {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    color: var(--color-text);
    font-weight: 500;
    letter-spacing: 0.03em;
    text-decoration: none;
}

.top-bar a::before {
    content: "";

    width: 15px;
    height: 15px;

    flex-shrink: 0;

    background: center / contain no-repeat;
}

.top-bar .widget_nav_menu li a:hover,
.top-bar .widget_nav_menu li.current-menu-item a {
    color: var(--color-blue)!important;
}

/*Presse*/
#menu-top__navi li:nth-child(1) a::before {
    background-image: url("../img/icon__presse.svg");
}

/*Kontakt*/
#menu-top__navi li:nth-child(2) a::before {
    background-image: url("../img/icon__phone.svg");
}

/*Login*/
#menu-top__navi li:nth-child(3) a::before {
    width: 13px;
    height: 13px;

    background-image: url("../img/icon__login.svg");
}


/*Menu*/
.inside-header {
    padding: 15px 0;
}

.main-navigation .main-nav ul li a {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 0.03em;
}

.main-navigation .main-nav a:hover,
.main-navigation .main-nav li[class*="current-menu-"] > a {
    color: var(--color-blue);
}

/*Mitglierder - menu-item-353*/
#menu-item-353 > a {
    display: block;
    padding: 8px 20px;

    background: var(--color-neon);
    font-weight: 600;
position: relative;
    overflow: hidden;
    z-index: 1;

    transition:
        color 0.25s ease,
        box-shadow 0.25s ease;
}

/* Hover Layer */
#menu-item-353 > a::before {
    content: "";

    position: absolute;
    inset: 0;

    background: var(--button-hover);

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.35s ease;

    z-index: -1;
}

/* Hover */
#menu-item-353 > a:hover {
    color: var(--color-text);
}

#menu-item-353 > a:hover::before {
    transform: scaleX(1);
}


/*Schatten Header*/
.site-header {
    box-shadow: 0 1px 5px rgb(0 0 0 / 6%);
}