{{!-- ==========================================================================
 HEADER
 Structure divided into individually removable blocks. Each block is marked
 with BLOCK START / BLOCK END comments -> to remove it, simply
 delete or comment out the entire block including the comments.

 Structure:
   1) Top bar regional header
   2) Main header
      - Logo / chamber name (brand)
      - Sitename
      - Search bar
      - Meta links desktop (easy language / login)
      - Hamburger toggler
      - Collapse area: main navigation + meta links mobile
========================================================================== --}}
<header id="site-header" class="site-header">
    {{> header/topbar }}
    <div class="container-fluid bg-white d-flex align-items-center px-4 px-md-6">
        <div class="row flex-grow-1">
            <div class="col col-md-auto d-flex align-items-center">
                {{> header/logo image="./images/hwk.svg" }}{{> header/sitename }}
            </div>
            <div class="col">
                <div class="d-flex align-items-center justify-content-end py-4 gap-6">
                    {{> header/search }}
                    {{> header/links darkSwitch="true" }}
                    {{> header/offcanvas }}
                </div>
                {{!--{{> header/mega }}--}}
            </div>
        </div>
    </div>
</header>