header .kontakt {
    font-size:0.8em;
    font-weight:500;
    text-align: right;
    line-height:1.6em;
    margin-bottom: 10px;
}
header .kontakt i   {
    margin-left:10px;
    font-weight: 100;
}
header .kontakt a   {
    color:var(--urlColorDark);
    text-decoration: none;
}
@media all and (max-width: 736px) {
    header .kontakt i   {
        display: block;
    }
}
@media all and (max-width: 576px) {
    header .kontakt {
        display: none;
        text-align: center;
        font-size:0.7em;
    }       
    header .kontakt .row {
        margin-bottom:15px;
    }   
}

@media all 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (orientation: landscape) {
    header .kontakt i {
        display:unset !important;
    }
}