header nav.navbar .navbar-brand > span.navbar-brand-logo {
    background-color: var(--brand);
    mask: url(/faq/assets/img/logo/strato_logo_white.svg?v260625) no-repeat left / contain;
    -webkit-mask: url(/faq/assets/img/logo/strato_logo_white.svg?v260625) no-repeat left / contain;
    width: 10rem;
    height: 3rem;
    display: inline-block;
    position: relative;
    top: 0.3rem;
    margin-right: 4px;
}

.navbar {
    background: var(--surface);
}

.navbar .navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    color: unset;
    position: relative;
    top: -5px;
    text-decoration: none;
}

.navbar .navbar-brand>span {
    position: relative;
    top: -4px;
    font-size: 1.9rem;
    left: 0.5rem;
    color: var(--text-on-surface-bright);
    font-weight: 600;
}

.navbar .navbar-brand img {
    height: 2rem;
}

.navbar menu {
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
}

.navbar menu>li {
    margin-right: 1.5rem;
}

.navbar menu>li:nth-last-child(1) {
    margin-right: 0;
}

.navbar menu>li>a,
.navbar menu>li>span {
    font-weight: 600;
    color: var(--white);
    cursor: pointer;
}

.navbar menu>li>ul>li>a>span[class*="menu_"] {
    background: var(--text-on-surface);
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    position: relative;
    top: 0.4rem;
    margin-right: 0.5rem;
}

.navbar menu>li>a[aria-expanded='true'] i.fa-chevron-up,
.navbar menu>li>span[aria-expanded='true'] i.fa-chevron-up {
    display: inline-block;
}

.navbar menu>li>a:not([aria-expanded='true']) i.fa-chevron-down,
.navbar menu>li>span:not([aria-expanded='true']) i.fa-chevron-down {
    display: inline-block;
}

.navbar menu>li>a i[class*='fa-chevron-'],
.navbar menu>li>span i[class*='fa-chevron-'] {
    display: none;
}

.navbar menu>li>a:hover,
.navbar menu>li>span:hover {
    color: var(--text-on-surface);
}

.navbar menu>li>ul,
.navbar menu>li>span>ul {
    position: absolute;
    background-color: var(--surface-bright);
    list-style: none;
    box-shadow: var(--strato-box-shadow);
    top: 70px;
    border-radius: var(--border-radius);
    max-width: 26rem;
}

.navbar menu>li>ul li.contract-information,
.navbar menu>li>span>ul li.contract-information {
    display: flex;
    border-bottom: 1px solid var(--border);
}

.navbar menu>li>ul li:first-child a,
.navbar menu>li>span>ul li:first-child a {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}

.navbar menu>li>ul li:last-child a,
.navbar menu>li>span>ul li:last-child a {
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    border-bottom: 0;
}

.navbar menu>li>ul li a,
.navbar menu>li>span>ul li a {
    display: block;
    color: var(--text-on-surface);
}

.navbar menu>li>ul li a.active:hover,
.navbar menu>li>span>ul li a.active:hover,
.navbar menu>li>ul li a:hover,
.navbar menu>li>span>ul li a:hover {
    background-color: var(--surface-dim);
}

.navbar menu>li>ul li a.active,
.navbar menu>li>span>ul li a.active {
    background-color: var(--surface-dim);
}

.navbar menu li a {
    cursor: pointer;
}

.navbar menu li ul {
    padding: 0;
    z-index: 1000;
}

.navbar menu li ul li {
    padding: 0;
    border-bottom: 1px solid var(--border);
}

.navbar menu li ul li:last-child {
    border-bottom: 0;
}

.navbar menu li ul li a {
    padding: 1rem;
}

.navbar menu .adserver-placeholder-loader {
    margin: 0;
}

.navbar menu .adserver-placeholder-loader .fa-spinner {
    font-size: 1.5rem;
}


nav .input-group input,
nav .input-group .btn {
    max-height: 2rem;
}

nav .input-group .btn i{
    top: -0.35rem;
    position: relative;
}

nav #search_form {
    max-width: 50%;
}

.navbar menu>li span[data-bs-target="#head_topics"]:hover span {
    text-decoration-line: underline;
    text-underline-offset: 12%;
    text-decoration-thickness: 12%;
    cursor: pointer;
}

@media screen and (max-width: 991px) {
    .navbar menu>li {
        margin-right: 1rem;
    }

    .navbar menu>li:last-child {
        margin-left: 0;
    }

    .navbar menu>li>span,
    .navbar menu>li>div,
    .navbar menu>li>a {
        display: block;
        text-align: center;
        font-size: 0.625rem;
    }

    .navbar menu>li>span>i,
    .navbar menu>li>div>i,
    .navbar menu>li>a>i {
        font-size: 1.5rem;
        display: block;
    }

    .navbar menu>li>span i[class*='fa-chevron-'],
    .navbar menu>li>div i[class*='fa-chevron-'],
    .navbar menu>li>a i[class*='fa-chevron-'],
    .navbar menu>li>span[aria-expanded='true'] i.fa-chevron-up,
    .navbar menu>li>div[aria-expanded='true'] i.fa-chevron-up,
    .navbar menu>li>a[aria-expanded='true'] i.fa-chevron-up,
    .navbar menu>li>span:not([aria-expanded='true']) i.fa-chevron-down,
    .navbar menu>li>div:not([aria-expanded='true']) i.fa-chevron-down,
    .navbar menu>li>a:not([aria-expanded='true']) i.fa-chevron-down {
        display: none;
    }

    .navbar menu>li>div i.fa-chevron-right,
    .navbar menu>li>div i.fa-chevron-left {
        display: inline-block;
    }

    .navbar menu>li>span#head_mainmenu>ul>li,
    .navbar menu>li>div#head_mainmenu>ul>li,
    .navbar menu>li>a#head_mainmenu>ul>li {
        border-bottom: 1px solid var(--border);
    }

    .navbar menu>li>span#head_mainmenu>ul>li:last-child,
    .navbar menu>li>div#head_mainmenu>ul>li:last-child,
    .navbar menu>li>a#head_mainmenu>ul>li:last-child {
        border-bottom: 0;
    }

    .navbar menu>li>span#head_mainmenu>ul>li>a.active,
    .navbar menu>li>div#head_mainmenu>ul>li>a.active,
    .navbar menu>li>a#head_mainmenu>ul>li>a.active {
        background-color: var(--surface-dim);
    }

    .navbar menu>li>span#head_mainmenu>ul>li>a.active>span.icon,
    .navbar menu>li>div#head_mainmenu>ul>li>a.active>span.icon,
    .navbar menu>li>a#head_mainmenu>ul>li>a.active>span.icon {
        background-color: var(--brand);
    }

    .navbar menu>li>span#head_mainmenu>ul>li>a:focus,
    .navbar menu>li>div#head_mainmenu>ul>li>a:focus,
    .navbar menu>li>a#head_mainmenu>ul>li>a:focus,
    .navbar menu>li>span#head_mainmenu>ul>li>a.active:focus,
    .navbar menu>li>div#head_mainmenu>ul>li>a.active:focus,
    .navbar menu>li>a#head_mainmenu>ul>li>a.active:focus {
        background-color: var(--surface-dim);
    }

    .navbar menu>li>ul,
    .navbar menu>li>div:not([data-ias-zoneid]) {
        font-size: 1rem;
        max-width: unset;
        width: 100%;
        left: 0px;
        border-radius: 0px;
        top: 80px;
        font-weight: 400;
        position: absolute;
    }

    .navbar menu>li>ul>li,
    .navbar menu>li>div:not([data-ias-zoneid])>li,
    .navbar menu>li>ul>ul>li,
    .navbar menu>li>div:not([data-ias-zoneid])>ul>li {
        text-align: left;
    }

    .navbar menu>li>ul>li a,
    .navbar menu>li>div:not([data-ias-zoneid])>li a,
    .navbar menu>li>ul>ul>li a,
    .navbar menu>li>div:not([data-ias-zoneid])>ul>li a {
        padding-left: 2.5rem;
        color: var(--seconday);
        display: block;
    }

    .navbar menu>li>ul>li a:first-child,
    .navbar menu>li>div:not([data-ias-zoneid])>li a:first-child,
    .navbar menu>li>ul>ul>li a:first-child,
    .navbar menu>li>div:not([data-ias-zoneid])>ul>li a:first-child {
        border-radius: 0;
    }

    .navbar menu>li>ul>li a:last-child,
    .navbar menu>li>div:not([data-ias-zoneid])>li a:last-child,
    .navbar menu>li>ul>ul>li a:last-child,
    .navbar menu>li>div:not([data-ias-zoneid])>ul>li a:last-child {
        border-radius: 0;
    }

    .navbar menu>li>ul>li>a,
    .navbar menu>li>div:not([data-ias-zoneid])>li>a,
    .navbar menu>li>ul>ul>li>a,
    .navbar menu>li>div:not([data-ias-zoneid])>ul>li>a {
        padding-left: 1rem;
        font-weight: 400;
    }

    .navbar menu>li>ul>li>a i.fa,
    .navbar menu>li>div:not([data-ias-zoneid])>li>a i.fa,
    .navbar menu>li>ul>ul>li>a i.fa,
    .navbar menu>li>div:not([data-ias-zoneid])>ul>li>a i.fa {
        color: var(--brand);
    }

    .navbar menu>li>ul>li>a:not([aria-expanded='true']) i.fa-chevron-down,
    .navbar menu>li>div:not([data-ias-zoneid])>li>a:not([aria-expanded='true']) i.fa-chevron-down,
    .navbar menu>li>ul>ul>li>a:not([aria-expanded='true']) i.fa-chevron-down,
    .navbar menu>li>div:not([data-ias-zoneid])>ul>li>a:not([aria-expanded='true']) i.fa-chevron-down {
        display: inline-block;
    }

    .navbar menu>li>ul>li>a[aria-expanded='true'] i.fa-chevron-up,
    .navbar menu>li>div:not([data-ias-zoneid])>li>a[aria-expanded='true'] i.fa-chevron-up,
    .navbar menu>li>ul>ul>li>a[aria-expanded='true'] i.fa-chevron-up,
    .navbar menu>li>div:not([data-ias-zoneid])>ul>li>a[aria-expanded='true'] i.fa-chevron-up {
        display: inline-block;
    }

    nav #search_form {
        max-width: 100%;
    }
}