header {
    width: 100%;
    height: var(--hoogte-header);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: var(--afstand-rand);
}
header>h1 {
    flex-grow: 1;
    justify-content: center;
    white-space: nowrap;
    height: auto;
    font-weight: 700;
}
header>* { width: 100%; text-align: center; height: 100%; display: flex; align-items: center;}
header>*:first-child:not(h1){justify-content: left;}
header>*:last-child:not(h1) {justify-content: right;}

a.pijl {
    text-decoration: none;
        font-size: 1.4rem;
    aspect-ratio: 1 / 1;
    display: flex;
    min-width: 30px;
    justify-content: flex-start;
    align-items: center;
}

a:not(:has(div)):hover {
    text-underline-offset: 0.3rem;
}

button:hover {
    background-color: var(--kleur-tekst);
    color: var(--kleur-achtergrond);
    cursor: url("../dove.cur"), pointer;
}

input, textarea {
    cursor: url("../dove.cur"), pointer;
}

label {
    cursor: url("../blueflowers.cur"), pointer;
}