:root {
    --font-size-base: 1rem;
    --font-size-sm: 0.875rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.875rem;
    --font-size-4xl: 2.25rem;
    
    --line-height-tight: 1.25;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
}

header {
    padding: 110px 2em 1em 20px;
    height: 120px;
    color: #000;
    background: #006666 url("../bilder/banner2.gif") no-repeat center top;
    border-bottom: 6px double #ffc
}

body {
    font-size: var(--font-size-base);
    line-height: var(--line-height-relaxed);
}

main, footer {
    padding-top: 2em;
}

h1 {
    font-size: var(--font-size-3xl);
    line-height: var(--line-height-tight);
    margin-bottom: 1rem;
}

h2 {
    font-size: var(--font-size-2xl);
    line-height: var(--line-height-tight);
    margin-bottom: 0.875rem;
}

h3 {
    font-size: var(--font-size-xl);
    line-height: var(--line-height-normal);
    margin-bottom: 0.75rem;
}

p {
    font-size: var(--font-size-base);
    line-height: var(--line-height-relaxed);
    margin-bottom: 1rem;
}

.nav-link {
    font-size: var(--font-size-base);
    line-height: var(--line-height-normal);
}

footer {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-normal);
}

#col1_content img, .col1_content img {
    margin-right: 1.5em;
    margin-bottom: 1em;
}

#submenu1 {
    padding-left: 1em;
}