@font-face {
    font-family: 'source_serif_proregular';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/sourceserifpro-regular-webfont.woff2') format('woff2'),
         url('../fonts/sourceserifpro-regular-webfont.woff') format('woff');
}
@font-face {
    font-family: 'source_sans_proregular';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-regular-webfont.woff') format('woff');
}
@font-face {
    font-family: 'source_sans_prolight';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/sourcesanspro-light-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-light-webfont.woff') format('woff');
}


#topnavi {
    background-color: #03326c;
}
#topburger {
    width: 40px;
    margin-left: 20px;
}

.noe100{
margin-left:50px;
margin-top:1px;
}


.cockpit {
    color: #ffd500;
    text-transform: uppercase;
    font-size: 0.8em;
    font-family: 'source_sans_proregular';
    font-stretch: ultra-condensed;
    margin-left: 100px;
    padding-top: 5px;
    padding-left: 0.2em;
}
.cockpit a {
    color: #ffd500;
}
.cockpit-item {
    float: left;
    line-height: 28px;
    height: 33px;
    margin: 0 0.2em;
}
.cockpit-item .highlight {
    color: white;
}
.cockpit-label {
    display: none;
}
.cockpit-nav {
    display: inline-block;
    min-width: 28px;
    height: 28px;
    padding-left: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
}
.cockpit-nav > span {
    display: none;
    margin-left: 0.5em;
}
.cockpit-nav-1 {
    background-image: url('../images/navi1leer.png');
}
.cockpit-nav-2 {
    background-image: url('../images/navi2leer.png');
}
.cockpit-nav-3 {
    background-image: url('../images/navi3leer.png');
}
.cockpit-nav:hover {
    text-decoration: none;
}
.cockpit-nav:hover.cockpit-nav-1,
.cockpit-nav.active.cockpit-nav-1 {
    background-image: url('../images/navi1voll.png');
}
.cockpit-nav:hover.cockpit-nav-2,
.cockpit-nav.active.cockpit-nav-2 {
    background-image: url('../images/navi2voll.png');
}
.cockpit-nav:hover.cockpit-nav-3,
.cockpit-nav.active.cockpit-nav-3 {
    background-image: url('../images/navi3voll.png');
}
.cockpit-info {
    float: right;
    height: 33px;
}
.cockpit-info img {
    max-height: 28px;
    padding: 0.3em;
}

@media(min-width: 576px) {
    .cockpit-label {
        display: block;
    }
}
@media(min-width: 768px) {
    .cockpit-nav > span {
        display: inline;
    }
}