header {
    background-color: #fdfdfd;
    position: fixed;
    z-index:100;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
}


.left-content {width: auto; height:100%; }


/*------------------------------------------------------------------------------LOGO*/
.logo-horizontal, .logo-vertical{display:none;}

.logo-horizontal-light, .logo-horizontal-dark,
.logo-vertical-light, .logo-vertical-dark
{
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.logo-horizontal-light:hover, .logo-horizontal-dark:hover,
.logo-vertical-light:hover, .logo-vertical-dark:hover
{
    opacity:0.4;
    -webkit-transition: opacity .8s ease;
    -moz-transition: opacity .8s ease;
    -o-transition: opacity .8s ease;
    transition: opacity .8s ease;
}


/*------------------------------------------------------------------------------Horizontal*/
.logo-horizontal-light, .logo-horizontal-dark {
    width:60px;
    height: 100%;
}

.logo-horizontal-light {
    background-image: url(../../images/nav/herr-blumberg-horizontal-light.svg);
}

.logo-horizontal-dark {
    background-image: url(../../images/nav/herr-blumberg-horizontal-dark.svg);
}

/*------------------------------------------------------------------------------ Vertikal*/
.logo-vertical-light, .logo-vertical-dark {
    width:100%;
    height: 70px;
}

.logo-vertical-light{
    background-image: url(../../images/nav/herr-blumberg-vertical-light.svg);
}

.logo-vertical-dark{
    background-image: url(../../images/nav/herr-blumberg-vertical-dark.svg);
}