/* 
    file:    header.css
    author:  William Louis Gorden Jr.
    created: 01.07.2025
    updated: 06.01.2026
    content: Main style sheet of bischoff-consulting.com

    English Version:
    © Copyright 2025 Helmut Bischoff and William Louis Gorden Jr. - All Rights Reserved
    The content of this file is subject to the protection of the copyright as well
    as other protection laws and may not be copied, distributed, changed or made
    accessible to third parties. The laws of the Federal Republic of Germany apply 
    exclusively to all legal relations arising from the Terms of Use for this 
    web site under exclusion of the UN Sales Convention (CISG). 
    
    Deutsche Version:
    © Copyright 2025 Helmut Bischoff und William Louis Gorden Jr. - Alle Rechte vorbehalten
    Der Inhalt dieser Datei unterliegt dem Schutz des Urheberrechts und anderer 
    Schutzgesetze und darf nicht kopiert, verbreitet, verändert oder Dritten 
    zugänglich gemacht werden. Für sämtliche Rechtsbeziehungen aus den 
    Nutzungsbedingungen für diese Website gilt ausschließlich das Recht der 
    Bundesrepublik Deutschland unter Ausschluss des UN-Kaufrechts (CISG). 
*/

/* =========================================================
   header section
============================================================ */

header {
    flex-grow: 0;
    width: 100%;
    color: var(--fg-main);
    background-color: var(--bg-header);
}

header .header_container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    /* sizes */
    max-width: var(--max-header-width);
    min-height: var(--min-header-height);
    margin: 0 auto;
    padding: 0;
    padding-left: 20px;
    padding-right: 20px;
}

/* =========================================================
   title, logo section
============================================================ */

header .header_title {
    position: relative;
    display: inline;
    height: 100%;
    margin: 0;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: var(--fs-logo);
    font-weight: var(--fw-logo);
    text-decoration: none;
    text-align: left;
    vertical-align: middle;
    border-radius: 0.25em;
    color: var(--fg-link);
    background-color: transparent;
    outline: 1px solid transparent;
}

header .header_title:hover,
header .header_title:focus,
header .header_title:active {
    color: var(--fg-link-active);
    background-color: var(--bg-link-active);
    outline: 3px solid var(--fg-link-active);
}

header .header_logo {
    width: 2rem;
    margin-top: -5px;
}