.header-grid {
    display: grid;
    grid-template-columns: [start] 3% [left-border] auto auto 1fr auto [right-border] 3% [end];
    /*grid-template-rows: [top] 1fr 1fr [bottom];*/
    grid-template-areas: 
        "t-row-left title-logo title-logo title-logo fliegl-logo t-row-right" 
        ". logout . info-bar nsg-logo .";
    
    width: 100%;
    margin-bottom: 1rem;
}

.t-row-left {
    grid-area: t-row-left;
}

.t-row-right {
    grid-area: t-row-right;
    z-index: 1;
}

.title-logo {
    grid-area: title-logo;
    white-space: nowrap;
}

.fliegl-logo {
    grid-area: fliegl-logo;
    text-align:right;
    border-width:5px;
}

.logout {
    grid-area: logout;
    margin-right: 1rem;
}

.info-bar {
    grid-area: info-bar;
    vertical-align:top;
}

.nsg-logo {
    grid-area: nsg-logo;
    text-align:right;
}

.title-row {
	background-color:#dcdbdb;
    margin-bottom: 0.5rem;
}

.links-table {
    user-select: none;
	width:100%;
	white-space:nowrap;
	margin-bottom:0.5rem;
}

.header-userinfo-descriptor {
    font-weight: bold;
    color: blue;
    width: 1%;
    white-space: nowrap;
    margin-right: 0.3rem;
}

.header-userinfo-company {
	width:1%;
	margin-right:2rem;
}

.header-imprint {
    float: right;
    color: #777 !important;
    text-align: right;
    text-decoration: underline !important;
}

.header-imprint:link { }

.header-imprint:visited { }

.header-imprint:hover {
    text-decoration: none !important;
}

.header_logo_nsg {
    max-height: 3rem;
}

.header_logo_fliegl {
    height: 6rem;
    padding: 0.5rem 0;
}

.header_logo_owner {
    height: 6rem;
    vertical-align: middle;
    padding: 0.5rem 0;
}

.header_logout_button {
    padding: 0.3em;
    background-color: #C00;
    font-size: 1.5rem;
    font-weight: bold;
    height: 100%;
}

.header-back-button {
    font-size: 1.5rem;
    background-color: #a8eb34;
    font-weight: bold;
}

.header-back-button-icon {
    margin-right: 0.5rem;
}

.header_title {
    user-select: none;
    font-weight: 400;
    font-size: 3rem;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
    color: #646d74;
    margin-left: 1rem;
    vertical-align: middle;
}

