:root {
    --header-top: 3vh;
    --header-size: clamp(1.25rem, min(4vh, 6.5vw), 2.5rem);
    --header-line: 1.2;
    --header-bottom: calc(var(--header-top) + var(--header-size) * var(--header-line));

    --text-size: 0.84rem;
    --text-line: 1.2;

    --content-top: calc(var(--header-bottom) + max(5vh, 1.5rem));
    --content-bottom: 8vh;

    --margin: 2vw;    /* side margin; matches the right: 2vw of "kontakt" */
    --gutter: 2vw;    /* space between columns */
}

/* Phones: wider side margins and spacing (applies to all pages) */
@media (max-width: 768px) {
    :root {
        --margin: 5vw;
        --gutter: 5vw;
    }
}