@font-face {
    font-family: 'regioIcon';
    src: url("../fonts/logismataicons.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
#rechnerNavi {
    position: absolute;
    right: 0;
    bottom: auto;
    z-index: 99;
    top: 33px;
    padding-right: 15px;
}

#rechnerNavi .icon-calculator {
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
    font-size: 26px !important;
    font-family: 'regioIcon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    padding-bottom: 5px;
}

 #rechnerNavi .icon-calculator::before{
    content: "\e140";
     color: #b80718;
}

#rechnerNavi .icon-calculator img, #rechnerNavi:hover img {
    height: auto;
    width: 15px;
    padding-bottom: 5px;
}

#rechnerNavi .calculator-nav {
    display: none;
    z-index: 100;
}

#rechnerNavi ul {
    margin-bottom: 0;
    background-color: #f6f2ea;
    padding: 14px 40px 14px 20px;
}

#rechnerNavi ul a {
    display: flex;
    color: #5E5E5E;
    margin-top: 3px;
    font-size: 12px;
}

#rechnerNavi ul a.cur {
    font-weight: 600;
    font-style: italic;
    color: #b80718;
}

#rechnerNavi ul a:hover {
    color: #b80718;
}

#rechnerNavi:hover .calculator-nav {
    display: flex;
    justify-content: flex-end;
}


@media screen and (max-width: 767px) {
    #rechnerNavi {
        top: 14px;
    }
}