
:root {
    --nav-burger-line-color: #DA8838;
}

/* Header */
#header {
    position:relative;
    background:#222222 url("/files/glenmain/layout/darkdenim3.png") left top repeat;
    color:#999999;
}

/* Header */
#header .inside {
    height:100%;
    background-image:url("/files/glenmain/layout/berlin-skyline-black-2.png");
    background-position:right bottom;
    background-repeat:no-repeat;
}
p#company {
    width:550px;
    margin-bottom:0;
    padding:1em 0 0 2em;
}
#company_upper {
    font:42px/42px Economica,Helvetica,Arial,sans-serif;
    font-weight:bold;
    color:#DA8838;
    text-transform:uppercase;
}
#company_lower {
    font:26px Economica,Helvetica,Arial,sans-serif;
    font-weight:bold;
    color:#DDDDDD;
    text-transform:lowercase;
}

/* Main Navigation - level 1 horizontal */
#mnav{
    height:32px;
    font-size:16px;
    line-height:32px;
    font-weight:bold;
}
#mnav ul {
    list-style-type:none;
    margin-left: 2em;
}
#mnav li {
    display:inline;
    font-family:Helvetica,Arial,sans-serif;
    text-transform:uppercase;
}

/* span nach strong */
#mnav a,
#mnav strong {
    float:left;
    display:block;
    padding-right:10px;
    padding-left:0;
    font-size:16px;
}
#mnav a:link,
#mnav a:visited {
    text-decoration:none;
    color:#DDDDDD;
}
#mnav a:hover,
#mnav a:focus,
#mnav a:active {
    text-decoration:underline;
    color:#FFFFFF;
}

/* span nach strong */
#mnav strong.active {
    text-decoration:none;
    color:#DA8838;
}
#mnav .trail a:link,
#mnav .trail a:visited,
#mnav .trail a:hover,
#mnav .trail a:focus,
#mnav .trail a:active {
    color:#DA8838;
}
#mnav .trail a:hover,
#mnav .trail a:focus,
#mnav .trail a:active {
    text-decoration:underline;
}

/* Impressum */
#mnav .impressum {
    font-size:12px;
    text-transform:none;
}

/* Main Navigation - responsive */
body.nav-is-desktop #mnav {
    height:32px;
    font-size:16px;
    line-height:32px;
    font-weight:bold;
}

body.nav-is-desktop #mnav ul {
    list-style-type:none;
    margin-left: 2em;
}

body.nav-is-desktop #mnav li {
    display:inline;
    font-family:Helvetica,Arial,sans-serif;
    text-transform:uppercase;
}

body.nav-is-desktop #mnav .navigation-main strong,
body.nav-is-desktop #mnav .navigation-main a {
    float:left;
    display:block;
    padding-right:10px;
    padding-left:0;
    font-size:16px;
}

body.nav-is-desktop .navigation-main .level_1 {
    column-gap: 0.15rem;
}

body.nav-is-desktop #mnav .navigation-main a:link,
body.nav-is-desktop #mnav .navigation-main a:visited {
    text-decoration:none;
    color:#DDDDDD;
}
body.nav-is-desktop #mnav .navigation-main a:hover,
body.nav-is-desktop #mnav .navigation-main a:focus,
body.nav-is-desktop #mnav .navigation-main a:active {
    text-decoration:underline;
    color:#FFFFFF;
}

/* span nach strong */
body.nav-is-desktop #mnav .navigation-main strong.active {
    text-decoration:none;
    color:#DA8838;
}
body.nav-is-desktop #mnav .navigation-main .trail a:link,
body.nav-is-desktop #mnav .navigation-main .trail a:visited,
body.nav-is-desktop #mnav .navigation-main .trail a:hover,
body.nav-is-desktop #mnav .navigation-main .trail a:focus,
body.nav-is-desktop #mnav .navigation-main .trail a:active {
    color:#DA8838;
}
body.nav-is-desktop #mnav .navigation-main .trail a:hover,
body.nav-is-desktop #mnav .navigation-main .trail a:focus,
body.nav-is-desktop #mnav .navigation-main .trail a:active {
    text-decoration:underline;
}

/* Impressum */
body.nav-is-desktop #mnav .navigation-main .impressum {
    font-size:12px;
    text-transform:none;
}
body.nav-is-mobile #mnav {
    height: 44px;
}
body.nav-is-mobile #mnav .nav-burger {
    margin-left: 2em;
    color:#FFFFFF;
    font-size: 16px;
}

body.nav-is-mobile #mnav .nav-burger .icon-line::after, .nav-burger .icon-line::before {
    background: #DA8838;
}
body.nav-is-mobile #mnav .nav-burger .icon-line {
    top: 40%;
}

body.nav-is-mobile #mnav .impressum {
    font-size: 16px;
    text-transform: uppercase;
}

body.nav-is-mobile #mnav button::after {
    content: "MENU";
}
body.nav-is-mobile #mnav button:lang(de)::after {
    content: "MENÜ";
}