:root {
    /* define custom colors */
    --hamburg-darkblue: #003063;
    --hamburg-red: #E10019; 
    --hamburg-white: #ffffff;
    --color-banner-text: #E3E3E3; 

    /* define custom dimensions */
    --hamburg-header-banner-height: 32px;
}



.header-banner {
    width: 100%;
    height: var(--hamburg-header-banner-height);
    position: relative;
    display: flex;
    align-items: flex-end;
    padding: 0;
    background-color: var(--hamburg-darkblue); 
}

.hamburg-bow{
    position: absolute;
    left: 0;
    top: 0px;
    transform: translateY(-50%);  /* extend past top by 50% */
    height: 75%;
    width: auto; 
    aspect-ratio: 7 / 2;  /* length = height * 3.5 */
    z-index: 3;
    overflow: visible;
    display: block;
}

.hamburg-bow img {
    height: 100%;
    width: auto;
    aspect-ratio: 3.5 / 1;
}