header {
    background-color: var(--slu-havsdjup);
    font-family: var(--slu-font-oswald);
    font-size: clamp(1.5rem, 1rem + 2vw, 2rem);
    font-weight: 500;
}

#slu-logo {
    background-color: white;
    border-radius: var(--small-radius);
    display: block;
    padding: 8px;
    width: 3.5rem;
    height: 3.5rem;
}

a.homepage-link {
    border: none;
    margin: 16px 0.625rem 16px 16px;
}

a.homepage-link:hover #slu-logo, a.homepage-link:focus-visible #slu-logo {
    background-color: var(--slu-havsvik);
}

a.homepage-link:hover #slu-logo path, a.homepage-link:focus-visible #slu-logo path {
    fill: white;
}

a.homepage-link:hover, a.homepage-link:focus-visible {
    background-color: unset;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

a.homepage-link:focus-visible #slu-logo {
    outline: var(--focus-outline);
    outline-offset: var(--focus-outline-offset);
}

.global-heading {
    color: white;
    margin-bottom: 10px;
}