.mobilnavi {
    position: relative;
}

.mobilnavi button.mobilnavi-open {
    width: 100%;
    height: 49px;
    margin: 0;
    padding: 15px 10px;
    border: 0;
    box-sizing: border-box;
    outline: none;
    text-align: left;
    display: block;
    background: #0F7DB8;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-family: inherit;
    cursor: pointer;
}

/* Karriereseite */

.karriereseite .mobilnavi button.mobilnavi-open {
    background: #CB1517;
}

.mobilnavi button.mobilnavi-open .burger {
    position: relative;
    width: 1.5em;
    float: right;
}

.mobilnavi button.mobilnavi-open .burger:before,
.mobilnavi button.mobilnavi-open .burger:after,
.mobilnavi button.mobilnavi-open .burger span:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    display: block;
    background-color: #fff;
    content: '';
}

.mobilnavi button.mobilnavi-open .burger:before {
    top: 0;
}

.mobilnavi button.mobilnavi-open .burger:after {
    top: .5em;
}

.mobilnavi button.mobilnavi-open .burger span:before {
    top: 1.05em;
}

.mobilnavi ul {
    margin: 0;
    padding: 0 0 0 20px;
    display: none;
    list-style: none;
    background: rgba(255, 255, 255, 0.9);
}

.mobilnavi ul li {
    margin: 0;
    padding: 0;
    border-bottom: 3px solid rgb(120, 122, 122);
}

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

.mobilnavi ul li button {
    display: none;
}

.mobilnavi ul li a {
    width: auto;
    margin: 0;
    padding: 1em 1em 1em 0;
    display: block;
    font-size: .75em;
    line-height: 24px;
    color: #000;
}

.mobilnavi ul li:last-child a {
    text-align: right;
}

.mobilnavi ul li:last-child a:after {
    display: inline;
    color: rgb(205, 23, 25);
    content: ' >>';
}